搭博客不完整实录1

我随便记记，你随便看看

一、搭建前的准备

• github新建仓库，命名为自己的名字.github.io

• Initialize那里Add.gitgnore template:Node

• 安装Node.js： http://nodejs.cn/download/

• 安装Git：https://git-scm.com/

• 安装cnpm：换淘宝镜像源

  1 2 3 4 5 6

  -- $ npm install -g cnpm --registry=https://registry.npm.taobao.org -- 后面重装系统时发现上面这条已经过时了，用下面这条来安装cnpm $ npm install -g cnpm --registry=http://registry.npmmirror.com -- 检查 cnpm 安装，输出版本号即安装成功： $ cnpm -v

二、安装hexo和搭建博客

hexo中文文档

• 安装hexo-cli

1

npm install -g hexo-cli

一开始在git上下载了一个不靠谱的hexo-cli包，里面只有一个压缩包，手动解压之后发现它的bin目录下居然没有hexo.cmd的文件😢！！！后来换npm重新下载了一个。

• hexo网页配置

然后把hexo.cmd添加到环境变量里，再hexo init

另外，就是在终端输入hexo，有INFO字样的时候才说明配置成功

• 配置完成后找一个位置

1
2
3

hexo init       (初始化博客)
hexo init blog  (会在对应文件夹下面生成blog包)
nmp install     (安装依赖到node_modules)

• ssh连接到GitHub

  这一步是让GitHub上生成的网页与hexo同步

• cmd 里生成公钥

  1	ssh-keygen.exe

• 在 git 里打开 .ssh里有的公钥文件 以及查看公钥

  1 2	$ ls ~/.ssh $ cat ~/.ssh/[公钥文件名].pub

• 将得到的公钥复制到github—settings—SSH and GPG keys 来添加密钥

  

• 生成网页

可以偷懒写简写噢

1
2
3

hexo generate / hexo g    生成网站静态文件到默认设置的public文件夹
hexo server   / hexo s    启动本地服务器
hexo deploy   / hexo d    将生成的网站静态文件部署到设定的仓库

先输入前两条，结尾会有一个网址http://localhost:4000 （这个是本地的默认网页）(可用浏览器浏览)

因为 hexo d 默认上传master分支，而在GitHub默认main分支

所以在输入第三条hexo d命令前，先改一下。

还有settings-brances这里，如果是main的话也改成master

改完就直接hexo d✌

别问为什么没有成功后的截图，问就是生成网站之后太兴奋了所以忘记了截

然后改改配置改改网址，之后输入网址之后就可以看到自己的博客了✌✌

这个repo的地址在GitHub项目里

三、更换主题

• 找个喜欢的主题先，可以去hexo主题商店看看

• 可以用git clone将主题克隆到themes/里

  1	git clone 主题的仓库网址.git themes/主题名字

• 全局配置文件_config.yml里修改theme：新主题

• 在博客目录下新建主题配置文件_config.主题名.yml，然后把新下载的主题文件的配置文件复制进去

  1	hexo cl & hexo g & hexo s

  再进入http://localhost:4000就可以看或更换完主题之后的效果

  tip：每次运行hexo g 、hexo s之前可以用hexo clean清除一下缓存

• 不同的主题其实配置属性什么的还是有很多差异的，就各自找各自主题作者的说明文件还有源码好好磨一下好啦

四、其他问题

放着其他问题是因为，我忘记这个问题出现在什么位置了

cmd提示找不到hexo-deployer-git的话，那就安装一个吧：

1

npm install hexo-deployer-git --save