第一篇——利用hexo和github搭建静态博客

最近一周,效率实在不高,某些逻辑我还是一团浆糊。回到家也没有接触别的知识,惭愧不已,这个周日的晚上逼自己将4个月前挖的坑填上,利用hexo和github pages 搭建自己的静态Blog。

教程可以参考这篇文章 传送门

坑还没有填满,下次再研究一下:

  • md的语法
  • 添加评论的功能—多说
  • 不蒜子的统计
  • 主题美化

2017–03-26 我来填坑了。

markdown 语法

写了几篇博客,把常用的都记住了,还有一些等以后补充吧。以下都在语法前面加了转义字符”\”。

# 标题,最多六个,既一级标题到六级标题

[显示的文字](url) 网站的超链接

![显示的文字](url) 网络图片

> 引用文字

`` 代码

三个` 代码块,后面还可以跟语言名字来显示不同的高亮

- 无序列表

数字 + . + 空格 有序列表

评论

之前看hexo的教程,大多数博主用的社会化评论系统都是多说,但是,多说官方最近宣布即将关闭,传送门,这真是一个悲伤的故事。再查教程,发现正在用的next主题支持多种评论系统,传送门,考虑到稳定性和墙的因素,暂时采用了来必力。配置十分简单,如下:

登陆 来必力 获取你的 LiveRe UID。 编辑 next 主题配置文件, 编辑 livere_uid 字段,设置为

livere_uid: #your livere_uid

不蒜子统计功能 ,照搬官方教程

全局配置

编辑 主题配置文件 中的busuanzi_count的配置项。当enable: true时,代表开启全局开关。若site_uvsite_pvpage_pv的值均为false时,不蒜子仅作记录而不会在页面上显示。

站点UV配置

site_uv: true时,代表在页面底部显示站点的UV值。

site_uv_headersite_uv_footer为自定义样式配置,相关的值留空时将不显示,可以使用(带特效的)font-awesome。显示效果为[site_uv_header]UV值[site_uv_footer]

1
2
3
4
5
> # 效果:本站访客数12345人次
> site_uv: true
> site_uv_header: 本站访客数
> site_uv_footer: 人次
>

站点PV配置

site_pv: true时,代表在页面底部显示站点的PV值。

site_pv_headersite_pv_footer为自定义样式配置,相关的值留空时将不显示,可以使用(带特效的)font-awesome。显示效果为[site_pv_header]PV值[site_pv_footer]

1
2
3
4
5
6
>
> # 效果:本站总访问量12345次
> site_pv: true
> site_pv_header: 本站总访问量
> site_pv_footer: 次
>

单页面PV配置

page_pv: true时,代表在文章页面的标题下显示该页面的PV值(阅读数)。

page_pv_headerpage_pv_footer为自定义样式配置,相关的值留空时将不显示,可以使用(带特效的)font-awesome。显示效果为[page_pv_header]PV值[page_pv_footer]

1
2
3
4
5
> # 效果:本文总阅读量12345次
> page_pv: true
> page_pv_header: 本文总阅读量
> page_pv_footer: 次
>

主题美化

之前用的是 yilia,作者的blog。后来发现了更适合我口味的next,文档详细,配置简单,学习成本低,强烈推荐。

0%