Total Pageviews

Tuesday, 14 February 2017

搭建又一个基于github issues的静态博客程序Journey和mirror

首先fork这个项目https://github.com/JimmehCai/Journey,我fork后的项目地址为https://github.com/luckypoem/Journey

然后登陆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 only public_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.

https://mirror.am0200.com/

Documentation

https://github.com/LoeiFy/Mirror/wiki

中文说明

from https://github.com/LoeiFy/Mirror

No comments:

Post a Comment