个人博客搭建教程

这篇文章详细记录了基于Hexo+Github搭建个人博客的简要过程,帮助你免费搭建个人博客。

下载安装node.js https://nodejs.org/en/

下载安装git https://git-scm.com/downloads

打开命令行窗口 输入npm install hexo-cli -g回车

在D盘根目录下创建MyBlog文件夹

打开命令行窗口在MyBlog目录下执行hexo initnpm install两个命令

继续在命令行中输入hexo s -g本地部署并启动服务

在浏览器地址栏中输入 http://localhost:4000 即可看到博客主页

Github上创建名字为<Github用户名>.github.io的仓库

配置ssh秘钥

对MyBlog根目录下的配置文件_config.yml内容的结尾处作如下修改:

1
2
3
4
deploy:
type: git
repository: git@github.com:<Github用户名>/<Github用户名>.github.io.git
branch: master

在命令行中输入npm install hexo-deployer-git --save回车

在命令行中输入hexo g -d部署到github上,部署之前可以使用hexo clean清空缓存

在阿里云万网购买域名并添加解析设置

登录GitHub,进入之前创建的仓库,点击settings,设置Custom domain,输入<购买的域名>

在MyBlog的source目录下新建文件CNAME并修改其中内容为<购买的域名>

在命令行中输入hexo g -d部署到github上,部署之前可以使用hexo clean清空缓存

打开命令行窗口在MyBlog目录下执行hexo new <文章名字>

在MyBlog\source\_posts目录下会生成名称为<文章名字>.md的markdown文件

打开即可编辑,先通过hexo s -g本地测试再通过hexo g -d远程部署

每次执行命令部署命令前最好都要通过hexo clean清空缓存

美化博客:搜索next7相关美化教程

图床:github + jsdelivr
绘图:draw.io


本地初始目录迁移方法:

Github上的文件是生成后的目录,切换电脑需要迁移初始目录

可以使用Git创建新分支的方法同步本地初始目录

初始目录下自带.gitignore文件,无需自己新建

如果包含next主题,next目录下的.git目录记得删除,否则上传时会认为是子模块不上传

使用npm install命令安装所需模块即可,无需再用hexo init初始化

GIthub仓库可以设置新建分支为默认分支,以后只需维护新建分支即可

-------- 本文结束 感谢阅读 --------