这篇文章详细记录了基于Hexo+Github搭建个人博客的简要过程,帮助你免费搭建个人博客。
下载安装node.js https://nodejs.org/en/
下载安装git https://git-scm.com/downloads
打开命令行窗口 输入npm install hexo-cli -g
回车
在D盘根目录下创建MyBlog文件夹
打开命令行窗口在MyBlog目录下执行hexo init
和npm install
两个命令
继续在命令行中输入hexo s -g
本地部署并启动服务
在浏览器地址栏中输入 http://localhost:4000 即可看到博客主页
Github上创建名字为<Github用户名>.github.io的仓库
配置ssh秘钥
对MyBlog根目录下的配置文件_config.yml内容的结尾处作如下修改:
1 | deploy: |
在命令行中输入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仓库可以设置新建分支为默认分支,以后只需维护新建分支即可