在Github中建立动态博客程序实现动态发帖

在Github中建立动态博客程序实现动态发帖已关闭评论
64 views

A+

所属分类：编码

前言

github.com大家基本都知道了，一个非常酷的项目管理网站，拥有众多的开源项目，提供的服务也极为出色，是程序员最喜欢的开源项目管理系统。

而github.com提供了一个叫做Github Pages的东西，实现了项目仓库Web化，也就是直接使用您的仓库内代码搭建Web网站，不过一直以来都只能使用静态的，很多程序员也使用这一免费的Github Pages搭建了自己的纯静态博客。

不过静态博客虽然各项表现都比动态要好很多，可有一个致命伤，那就是无法在线发文！每次更新博客必须使用git进行代码的更新提交，才能实现网站内容的变更，非常麻烦！

为了解决这一问题，于是就有了将要介绍的这款博客系统！

原理

VBlog是一款静态博客系统，说是静态，是因为系统所使用的编程语言就是html、css、js，没有其他，但却能动态实现帖子的发布等功能，起始就是利用了github.com所提供的API实现了动态的更新。

安装

VBlog的安装非常简单，直接登录到github.com，点击右上角自己头像旁的+号，选择Import repository。

在克隆地址中填写https://github.com/GitHub-Laziji/GitHub-Laziji.github.io，项目名称填写您的github用户名.github.io，然后倒入项目。

接着就等待项目倒入完成。在Github中建立动态博客程序实现动态发帖

完成后访问刚才新建的项目，并编辑/static/configuration.json文件，将其中的githubUsername内容更改为您的github.com用户名，其余的自行更改。

{
    <span class="hljs-attr">"githubUsername"</span>: <span class="hljs-string">"ylqjgm"</span>,
    <span class="hljs-attr">"blogTitle"</span>: <span class="hljs-string">"XXXXXXX"</span>,
    <span class="hljs-attr">"blogDescribe"</span>: <span class="hljs-string">"记录XXX生活点滴。"</span>,
    <span class="hljs-attr">"htmlTitle"</span>: <span class="hljs-string">"XX的博客"</span>,
    <span class="hljs-attr">"fontColor"</span>: <span class="hljs-string">"#ffffff"</span>,
    <span class="hljs-attr">"useBackgroundImage"</span>: <span class="hljs-literal">false</span>,
    <span class="hljs-attr">"backgroundColorLeft"</span>: <span class="hljs-string">"#2690F9"</span>,
    <span class="hljs-attr">"backgroundColorRight"</span>: <span class="hljs-string">"#FC2D2D"</span>,
    <span class="hljs-attr">"audioUrl"</span>: <span class="hljs-string">"http://sc1.111ttt.cn:8282/2018/1/03m/13/396131232171.m4a?tflag=1519095601&pin=6cd414115fdb9a950d827487b16b5f97#.mp3"</span>,
    <span class="hljs-attr">"mini"</span>: <span class="hljs-literal">false</span>,
    <span class="hljs-attr">"webSites"</span>:[
        {<span class="hljs-attr">"name"</span>:<span class="hljs-string">"博客"</span> , <span class="hljs-attr">"url"</span>:<span class="hljs-string">"https://www.usebsd.com"</span>}
    ]
}