Howto

基于hexo开源架构的GitHub博客维护

添加博文

  1. 进入到hexo的根目录，然后在 source/_posts中建立一个新的以.md结尾的markdown文档。

  2. 文档开头需要填写yaml格式的描述，用于网站的存放

    1
    2
    3
    4
    5
    6
    7
    8
    9
    title: 基于hexo开源架构的GitHub博客维护
    date: 2015-11-23 17:52:37
    tags:
    - 站点维护
    - hexo
    - github
    categories:
    - 维护
    description: 维护博客的工作流程

  3. 然后接下去输入编辑好的文档

  4. 打开终端输入下面的命令即可完成添加及更新网站
    1
    2
    3
    cd hexo根目录
    hexo g
    hexo deploy

更改主题

  1. 更改主题后整个添加博文的操作会有变化，变化的结果取决于主题的样式
  2. 我添加的一个是使用git clone把文件都放到theme/主题名的文件夹中，然后在_config.yml中更改相应属性

增加关于页面

1
hexo new page <pagename>

这里把<pagename>填成about就可以新建一个关于页面了。会在source/about/下生成一个index.md的文件，这个就是用来编辑这个页面的markdown文件了。

feature添加

评论功能

首先需要申请一个disqus的账号，然后针对你所建立的个人blog建立一个对应的站点，这里将会集合你的博客评论。然后在themes/maupassant/_config.yml中在对应的地方填上站点对应的shortname。这个shortname要注意。

最近评论功能

因为对于前端开发不是很清楚，但是看了一下源码，似乎截止2016.5.2这天的maupassant是有问题存在的，其中recent_comment的地址模版似乎给错了，需要修改一下themes/maupassant/layout/_widget/recent_comments.jade文件。

修改后的样子

1
2
3
4
5
if theme.disqus
  .widget
    .widget-title
      i(class='fa fa-comment-o')= ' ' + __('recent_comments')
    script(type='text/javascript', src='http://#{theme.disqus}.disqus.com/recent_comments_widget.js?num_items=5&num_items=5&hide_mods=0&hide_avatars=0&avatar_size=32&excerpt_length=100')

这样应该就可以了

修改网站的配置

这里需要打开_config.yml。对里面的language和theme都要进行对应的修改。

swiftype 搜索功能的加入

这里依然需要去相应网站去设置，主要问题在于给出的代码应该加在什么地方。新版本的maupassant里面单独有一个themes/maupassant/layout/_widget/search.jade。

1
2
3
4
5
6
7
8
9
10
if theme.swiftype
  .widget
    input.st-default-search-input(placeholder='Search' type='text')
  script.
        (function(w,d,t,u,n,s,e){w['SwiftypeObject']=n;w[n]=w[n]||function(){
        (w[n].q=w[n].q||[]).push(arguments);};s=d.createElement(t);
        e=d.getElementsByTagName(t)[0];s.async=1;s.src=u;e.parentNode.insertBefore(s,e);
        })(window,document,'script','//s.swiftypecdn.com/install/v2/st.js','_st');

        _st('install','Z-tgtsfWWX8ZNoWubjoC','2.0.0');

当然在themes/maupassant/_config.yml中还需要填入key才行

插入图片

  • 在source/img中存入图片，命名为avator.jpg。
  • 在markdown中写入图片
1
![头像](/img/avator.jpg)

头像

数学公式

hexo为数学公式提供了mathjax，这个按照网站介绍的来看是可以插入行内数学公式的。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$$\frac{\partial u}{\partial t}
= h^2 \left( \frac{\partial^2 u}{\partial x^2} +
\frac{\partial^2 u}{\partial y^2} +
\frac{\partial^2 u}{\partial z^2}\right)$$

Simple inline $a = b + c$.

{% math %}
\begin{aligned}
\dot{x} & = \sigma(y-x) \\
\dot{y} & = \rho x - y - xz \\
\dot{z} & = -\beta z + xy
\end{aligned}
{% endmath %}

$$\frac{\partial u}{\partial t}
= h^2 \left( \frac{\partial^2 u}{\partial x^2} +
\frac{\partial^2 u}{\partial y^2} +
\frac{\partial^2 u}{\partial z^2}\right)$$

Simple inline $a = b + c$.

$$\begin{aligned} \dot{x} & = \sigma(y-x) \\ \dot{y} & = \rho x - y - xz \\ \dot{z} & = -\beta z + xy \end{aligned}$$
分享到