gitPage+vscode+hexo搭建简易博客
使用gitpages搭建简易网页
使用gitpages 单纯是因为它免费, 只需要在github上创建一个public仓库, 在仓库设置中启用gitpages功能就好了
githubpages的好处在于, 如果只是用于记录一些笔记, 甚至不需要使用jekyll、hexo和hugo之类的静态博客框架, 只需要会markdown, 就可以搭建一个非常简单的网页.
配合vscode使用
如果需要记笔记，难免需要使用图床来管理网页上的图片， 这里可以使用vscode来编辑md文件， 同时使用vscode 中的picgo功能，可以比较完美的解决图床的问题， 这里也可以使用github仓库作为免费图床，免费且方便。
使用博客框架hexo
如果想要美化自己的网站，就有必要考虑使用博客框架了，这里我使用了hexo。最后使用了butterfly的主题， 可以配合这里的教程使用Hexo中Buttefly主题配置（二） - 知乎 (zhihu.com)
踩坑记录
搭建gitpages时，最好使用username.github.io的仓库名, 理论上其他名字的仓库也是完全能使用的.
使用nodejs的npm命令配置hexo时可能遇到权限问题 这里是一个解决方案 npm权限不够(安装什么都报错) - 大熊丨rapper - 博客园 (cnblogs.com)
butterFly 已经支持了local search ,可以让我们实现博客内本地查找
最后还需要解决Latex语法问题1, 可以使用pandoc来解决,之前在没用hexo之前,我是通过在每个需要latex语法的md文件前添加一段配置:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15<head>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"></script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {
skipTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
inlineMath: [['$','$'],["\\(","\\)"]],
displayMath: [
['$$', '$$'],
['\\[', '\\]']
],
}
});
</script>
</head>
图床解决方案
之前是使用vscode+picgo插件解决, 最后还是选择使用typora+picgo app解决图床方案,这样编辑起来更加轻松
TODO
对着之前提到的美化教程简单来了一遍, 似乎不是很成功, 美化的事就暂时搁置在一边了
参考