hexo+github搭建博客系统

首先观看视频，视频讲的非常全面了：

1
https://www.bilibili.com/video/BV1Eg41157tL

视频里用的主题挺不错的，就直接用它的主题了。

要下载这个主题，就要搜到hexo的官网，然后再搜到这个主题的名字：’Chic’

1
https://github.com/Siricee/hexo-theme-Chic

然后就可以看到这个主题的github链接了。

常用指令

1
2
3
4
5
hexo s  本地开启服务器（server）
hexo d  部署到github（deploy）
hexo n 文章名字   （新建文章）
hexo g  生成public文件  （generate）

删除文章

要先执行

1
hexo clean

再删除文件

配置图片

记录搜到的文章

1
https://blog.csdn.net/weixin_43979133/article/details/104787875

原有的视频没法看到如何设置图片。摸索了一番，发现新建文章的时候就要老老实实用指令

1
hexo n '文章的名字'

然后就会发现，_posts 文件夹下就会多出来一个文章名字命名的md文件，里面还自动写好了标题时间等信息。同时还多出来一个文章名同名的文件夹。这个文件夹里就直接怼图片就可以了。

1
![机械自走棋地形](articleName/a.png)

写图片路径的时候要符合这个格式，就可以了

更改字体（Chic主题）

兰亭集序这个字体虽然看起来很优雅，但感觉还是微软雅黑读起来更顺一些。

找到这个主题的css文件夹，发现有一个font.styl文件。把这个文件打开：

1
2
3
4
5
6
7
8
9
10
11
// 非衬线体 方正兰亭
@font-face
  font-family 'lanting'
  src: url('../fonts/lanting/lanting.eot'); /* IE9 */
  src: url('../fonts/lanting/lanting.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lanting/lanting.woff2') format('woff2'),
          url('../fonts/lanting/lanting.woff') format('woff'),
          url('../fonts/lanting/lanting.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  font-weight 300
  font-display swap

$font-family = Microsoft Yahei, 'Microsoft Jhenghei',Lantinghei SC, 'lanting', PingFang SC, Seguo UI, Arial

看到最后一行，把微软雅黑放到最前面就可以了！