hexo总结

添加子类

添加分类
模板

手动添加文章

  1. 将图片资源全部导入到blog_images,修改原文章的路径。
  2. 在_post下创建文件夹,并将文章放入其中。
  3. 每篇文章添加头部信息
    1
    2
    3
    4
    5
    6
    7
    ---
    title: ***
    date: 201**-01-02 13:13:54
    tags:
    - 1
    - 2
    ---

主题

项目主页
NexT主题感觉字太小而且过于庞大,因此改用ARIA。其实我就搞了半天,雷同站台多,弄了半天插件没弄好,果断跑路。

安装

一定要安装以下插件。一开始以为是普通插件就忽视了,导致后面无法生成。

1
$ npm install --save hexo-renderer-njucks hexo-renderer-stylus hexo-generator-search hexo-generator-feed

克隆到themes/aria下:

1
$ git clone https://github.com/AlynxZhou/hexo-theme-aria themes/aria

修改站点的配置文件_config.yaml Theme to aria

1
theme: aria

注意在aria主题的目录下也有一个_config.yaml需要配置。具体配置请查看aria的介绍。

修改站点信息

source目录下的普通文件会拷贝到生成文件public下,而markdown文件则是先被渲染再输出到生成文件下产生相应的html文件。因此网站的images和favicons应放在根目录的source下,以减少对theme的污染。

Tex

不知道什么原因,要开启global才能使用,可能是哪里有选项开启选择性加载吧。

1
2
3
4
mathjax:
enable: true
global: true
cdn: https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.3/latest.js?config=TeX-MML-AM_CHTML

主题小修改

原主题的背景图片仅显示在sidebar中,这样左右两边感觉被割裂了一样。背景图片也只能显示很小的一部分。因此我把它改到main-container中。通过以下步骤,很快就能定位并修改。

  1. 在浏览器中inspect特定元素。对着有背景图片的地方右键查看,然后再控制台里找到有设置背景图片的元素。发现是一个id=sidebar的div。
  2. 再往上包含article和sidebar的元素是class=ain-container的div
  3. 在文件中搜查sidebar。将代码剪切到main-container中
    style="background: url(\{\{ url_for("images/background.png") \}\});"
  4. 移除.sidebar{}中设置背景颜色的代码

坚持原创技术分享,您的支持是我前进的动力!