LOADING

加载过慢请开启缓存 浏览器默认开启

github+hexo搭建主题+日常使用方法

2024/9/8 tutorial

搭建方法:

部署hexo和github page

先按照这个,弄完之后是得到默认主题并且能用username.github.io浏览

一键换肤

换主题操作如这个,下好改个名就行

终于解决了公式问题,全好了

一般主题渲染公式都不行,我也不会改,但少量主题自己就解决了,所以只能找自己又喜欢、公式又支持的主题了

超好看主题

这是超好看主题的作者,这个主题也能正确显示公式,作者也写了hexo和github搭建博客的方法

超好看主题的作者的配置仓库

实在不行对着改

买域名后绑到github上

买完域名,添加了解析和在仓库里添加CNAME,输入域名就可以访问了,但github里的custom domain一直check失败

原因是我买的腾讯云,默认解析是2个A类型,记录值是2个IP地址。应该把www的改成CNAME,然后记录值改成username.github.io。这么改完就check成功了,如图

日常用法:

写好md,复制到blog里的source/_post里,

然后添加front matter(必须在md的开头,打---,然后回车),例如本篇:

title: github+hexo搭建主题+日常使用方法
date: 2023-06-17 16:41:17
tags:
    - hexo
    - github
categories: tutorial

然后添加缩略,不然博客的home展示的每篇都是全篇展示

<!-- more -->

进到博客根目录

hexo clean
hexo g
hexo s
hexo d

先删除之前生成的

然后生成

然后预览

然后部署到github上去

然后网上就能看到更新了

一些trick

  1. 更改博客的路径

  2. 修改文章的显示宽度(根本不懂html,胡蒙的)

    也就是从下面的上图改成下图

    实际上这个主题随着浏览器的宽度自适应,但按我的浏览器的常用宽度,左右两侧分别会有大片空白,所以把内容区域改宽点好使

    particle\source\css\main.css里ctrl+F搜900px,会有6个结果,全部改成想要的数字,例如我改成1200px了

    例如找到的第2个改成下图,其余5个类似

  3. 修改正文字体

    image-20240303160617652

    这个20px原本是15px,改这个

迁移

换电脑后,即使把hexo文件夹复制过来也不能用,所以下面是新电脑迁移的完整过程(等于重新安装了一遍了)

  1. 按照部署hexo和github page把git等等都弄了,别忘了配置git的username。如果hexo s无法打开可能是端口4000被占用,用hexo s -p 4658就可以打开

  2. 主题可以直接找之前hexo文件夹里的themes/主题名复制过来,这样前面对主题的修改就直接移过来了

    md也全部复制过来,就差不多了

  3. 如果输入github.io可以访问,但输入自己域名不能访问,是没添加cname,可以按照添加cname,但问题是,github上设置域名是自动生成一个CNAME在根目录下,但hexo d是删除github上所有文件再上传自己生成的文件,所以每次hexo d都需要重新去github上设置域名,所以靠github生成CNAME不可行

    解决方法是这个,把1个CNAME放在source文件夹下即可

  4. 如果公式显示不正确,确实需要按照Hexo完美支持数学公式走一遍就好了,单纯安装particlex主题不够

  5. 如果代码块显示不正确(行号分离、不自动换行),就按照作者github的2.1改一下,复制这3个即可