1. 常用的命令
hexo new tile_of_poster |
正常情况下要推送到网站使用,随后即可到www.github.io查看网页了。
hexo clean |
要备份代码到github时
git push origin hexo # 因为master分支是用于备份网页文件的 |
2. 常见问题
- 数学公式
在hexo中渲染数学公式需要Mathjax,可以参考hexo下LaTeX无法显示的解决方案
[NexT]配置MathJax 参考这里也可以,注意per_page
配置为true
时,要在blog中主动带上mathjax: true
- hexo中支持的一些语法可以参考Hexo Markdown 简明语法手册
- Mathjax英文可以参考MathJax basic tutorial and quick reference,中文翻译参考Mathjax与LaTex公式简介
- Mathjax的docs,可以查到相关的语法支持情况hMathJax TeX and LaTeX Support
- 当前markdown渲染引擎不支持todolistPort todo list support from marked,有需要的话未来可以自己合并。
- 使用kramed需要在文档头中加
mathjax: true
- Katex中不支持
\label
和\eqref
,目前站点渲染这个也无法做到,但Mathjax应该可以做到。 - 代码不让它显示行数序号数字怎搞
- 取消hexo中的目录编号,可以使用vs中的toc功能加编号会更好些。
- 如何备份hexo的blog源代码
可以参考使用hexo,如果换了电脑怎么更新博客?
如果已经完成了blog的编写,可以在github上面新建一个hexo
分支,并设置为默认分支,随后将远程分支下载下来,并用blog的源文件全部替换掉,在push即可。这样就可以将源代码备份到Github上面的hexo分支,而网页文件存储在master分支。 - NexT 自带的语法高亮插件支持的语言列表 注意
shell
应该使用sh
会比较统一一些。 - TypeError: Cannot set property ‘lastIndex’ of undefined github
- 用Markdown写Hexo博客时如何转义竖杠 | ? 使用HTML字符修改
- 如何在hexo使用图片和提供附件下载 提供附件下载功能,其实就是开启在开启post_asset_folder后,在同名文件夹下面放附件就可以了,类似于图片
3. 添加gitalk评论系统
主要参考了以上两个教程,但事实上目前(2019.4)在next主题中都已经集成了gitalk的相关配置了,直接启用即可,不需要像第一个blog那样需要完整添加很多配置文件。以后可以方便添加评论然后重新记录了。
先在github上注册新应用
参数说明Application name: # 应用名称,随意
Homepage URL: # 网站URL,如https://asdfv1929.github.io
Application description # 描述,随意
Authorization callback URL:# 网站URL,https://asdfv1929.github.io点击注册后,页面跳转如下,其中Client ID和Client Secret在后面的配置中需要用到,到时复制粘贴即可
在主题配置文件next/_config.yml中添加如下内容:
gitalk:
enable: true
github_id: astraywu # Github repo owner
repo: astraywu.github.io # Repository name to store issues.
client_id: Client ID # Github Application Client ID
client_secret: Client Secret # Github Application Client Secret
admin_user: astraywu # GitHub repo owner and collaborators, only these guys can initialize github issues
distraction_free_mode: true # Facebook-like distraction free mode
4. next主题优化
4.1. 添加tag
给文章加tag
title: 一个人的狂欢
date: 2016-11-11 13:09:04
tags: [journal,think]命令行输入
hexo n page tags
,会在sources/tags
生成index.md
文件编辑
index.md
文件title: tags
date: 2016-11-11 21:40:58
type: "tags"在主题配置文件
themes\next\_config.yml
的menu
项目下打开tags
页menu:
home: / || home
#about: /about/ || user
tags: /tags/ || tags
#categories: /categories/ || th
archives: /archives/ || archive
#schedule: /schedule/ || calendar
#sitemap: /sitemap.xml || sitemap
#commonweal: /404/ || heartbeat
4.2. 浏览页面的时候显示当前浏览进度
4.3. 添加顶部加载条
4.4. 本地搜索
4.5. 统计功能,统计功能,显示文章字数统计,阅读时长,总字数
4.6. 允许代码段拷贝
这里要使用npm install hexo-symbols-count-time --save
4.7. 给代码块添加复制功能
4.8. 修改行间距
文章内容较多时,next原来的间距太大了,要上下来回滚动。
修改themes\next\source\css\_variables\custom.styl
,添加
$line-height-base = 1.5 |
5. ref
- Hexo的Next主题详细配置
- 精于心,简于形 Next官网
- GitHub+Hexo 搭建个人网站详细教程 知乎的hexo建站笔记
- 利用vscode插件与git hook提升hexo编写部署体验
- Hexo博客搭建之在文章中插入图片
- 绝配:hexo+next主题及我走过的坑 搭建更多功能
- Hexo+Next主题优化
- Hexo-Next-主题优化(一) 应该是上面的ref,带有图片演示
- hexo指南