然后登陆linux vps.
cd /usr/local
git clone https://github.com/luckypoem/Journey journey-site
cd journey-site
root@AR:/usr/local/journey-site# ls
LICENSE README.md dist favicon.ico index.html package.json
root@AR:/usr/local/journey-site#
(可见 /usr/local/journey-site就是静态网站的根目录)
root@AR:/usr/local/journey-site# nano index.html
(编辑index.html如下:
// Define
var config = {
user: 'luckypoem', // your GitHub Username
repo: 'Journey', // GitHub Repo name
token: 'aae23aearta'+'asashda6as7dsa7d'
, // GitHub access_token
info: 'Life, Stories, Ideas', // About Yourself
per_page: 3, // 每页的帖子数量
)
注:
- get your
access_token
here: https://github.com/settings/tokens - make sure the
access_token
onlypublic_repo
access - the
access_token
should be split like'aae23aearta'+'asashda6as7dsa7d'
然后到
https://github.com/luckypoem/Journey/issues/这里提交issue,
即为撰写博客的帖子。
演示网站:http://jn.bright.biz.st/
项目地址:https://github.com/JimmehCai/Journey
------------
上面这个静态博客程序Journey是由mirror修改而来。
搭建又一个基于github issues的静态博客程序mirror
首先fork这个项目https://github.com/LoeiFy/Mirror,我fork后的项目地址为https://github.com/luckypoem/Mirror,
然后登陆linux vps.
npm install -g Mirror (注意必须是大写的M. npm install -g mirror安装的是
另一个程序)cd /usr/local
mirror init mirror-blog (此命令会在当前目录下,生成mirror-blog目录)cd mirror-blog
root@AR:/usr/local/mirror-blog# ls
CNAME config.yml index.html
build.8a23aa17e54fde985f1d.js favicon.png token.txt
(可见/usr/local/mirror-blog就是静态网站的根目录)
root@AR:/usr/local/mirror-blog# nano config.yml
(编辑config.yml如下:
# site title
title: Mirror blog of brite
# github user
user: luckypoem
# issue repo
repo: Mirror
# multi-author
authors:
# per page
per_page: 3
)
root@AR:/usr/local/mirror-blog#
到这里https://github.com/settings/tokens/new 生成 access token,access权限只勾选public_repo.
把生成的access token复制粘贴到
token.txt文件里面。然后
root@AR:/usr/local/mirror-blog# mirror build
然后到
https://github.com/luckypoem/Mirror/issues/这里提交issue,即为撰写博客的帖子。演示网站:http://mr.bright.biz.st, 不过嵌入的html code在博客里不能正常显示,不知为何?比如
http://mr.bright.biz.st/#4 。上面的journey是没问题的,比如http://jn.bright.biz.st/#4
项目地址:https://github.com/LoeiFy/Mirror
https://github.com/LoeiFy/Mirror/issues/10
补充说明:
Mirror 还支持多用户协作,你可以方便的设置哪些用户写的内容可以显示在博客网站上,避免无关内容
Mirror 生成的博客网站很小,整体大小
60kb
左右(未 gzip 压缩情况),所以访问起来也很快。项目依赖: axios
, smoothscroll-polyfill
, github-markdown-css
Mirror 在移动端同时有很好的浏览体验
预览地址
http://mirror.am0200.com/你可以点击底部的
SandBox
按钮,然后写入你需要测试的项目issues,然后就可以直接看到博客内容,例如可以输入 玉伯 的博客地址:title: blog
user: lifesinger
repo: blog
per page: 10
点击 Start
,你就可以看到 玉伯 的博客了。同样方法你可以测试你的博客.Mirror-基于github issues的博客工具
Mirror 是一个简单的博客工具,基于 GitHub API 获取 issues 数据,然后展示在页面上.
该工具的方便之处在于只需要在 issue 上写你的博客文章,你的网站会自动更新博客内容.
借助 GitHub,你可以轻松的用 markdown 书写你的博客内容,永久保存,不用担心数据丢失问题。还可以非常方便上传博客图片,拖入编辑器即可。
该博客工具非常适合以 issue 作为自己博客的用户,无痛生成博客网站,对原来内容毫无影响.
Mirror 还支持多用户协作,你可以方便的设置哪些用户写的内容可以显示在博客网站上,避免无关内容.
Mirror 在移动端同时有很好的浏览体验.
预览地址
http://mirror.am0200.com/
项目地址
https://github.com/LoeiFy/Mirror
(https://github.com/LoeiFy/Recordum/issues)
新版本使用 GitHub GraphQL API
REST API
版本:https://github.com/LoeiFy/Mirror/tree/rest-api
更详细的介绍可以看项目说明
如何使用
使用很简单,你可以直接下载资源包,下载最新的 release,然后打开 index.html
进行配置即可。
配置好后,可以先尝试本地预览,需要一个本地服务器,放上去访问 index.html
即可,测试没问题就可以把全部文件上传到对应地址即可,也可以放到 GitHub pages 上.
------------
Mirror
A blogging tool powered by GitHub API. Write your blog on GitHub issue.
https://mirror.am0200.com/
A blogging tool powered by GitHub API. Write your blog on GitHub issue.
No comments:
Post a Comment