hexo+github搭建博客
1. Git配置和SSH链接
-
准备
-
Git配置
- 桌面右键 Git bash here 进行账户名和邮箱,账户名和邮箱就是你github的账户名和邮箱
格式:git config --global user.name "你的账户名“
git config --global user.email “你的邮箱”
配置完之后再输入命令看反馈结果,确保自己输入正确
git config --global user.name
git config --global user.email
不要关闭 git 还有用
- 桌面右键 Git bash here 进行账户名和邮箱,账户名和邮箱就是你github的账户名和邮箱
-
SSH 链接
-
git输入
ssh-keygen -t rsa -C "邮箱名“
-
可以看到你的public key保存的文件地址,找到以后用记事本打开,全选复制粘贴;如果找不到,就把隐藏文件名勾选,就可以找到。
-
登录github,先创建一个仓库,仓库名固定格式为"你的账户名.github.io",例如你的账户名为"abc",那仓库名就要设置为"abc.github.io"
-
github 点击个人头像进入 settings,点击 “SSH and GPG keys” 再点击"new SSH key" 把第二步复制的public key 粘贴到" Key “中,Title 可写"Blog” 最后点击 "add SSH key "
-
回到git 输入命令确保 链接正确
ssh -T git@github.com
-
2. hexo安装
-
git 输入
npm -v //看版本号
npm install -g hexo //用git直接安装
如果很慢 可在 命令提示符输入"npm install -g hexo" 进行安装
-
配置文件
-
在非C盘的任意一个盘建立一个空白文件夹用于放置配置文件
-
在git 中进入你建立的文件夹,进行hexo初始化 输入"hexo init"
git输入:
npm install hexo-deployer-git --save
方便后续部署
git 输入
hexo server
产生你的博客地址,右键复制以后在浏览器中打开,预览在本地的博客
不要用Ctrl+c复制,这个快捷键会终止本地服务,就没办法在浏览器预览,所以右键复制即可
预览之后,不要关闭git -
回到github,找到"用户名.github.io"仓库,点击进入,复制SSH
-
在你建立的博客文件夹中找到并打开"_config.yml"文件, 找到最下面的"Deployment" ,修改如下,保存退出
- 回到 git 使用Ctrl+C 关闭上条未关闭的本地服务
- git输入
hexo generate //产生静态文件
hexo server //本地预览 看有没有问题
-
3. 修改主题
-
进入官方网站 hexo主题 找到你喜欢的主题
-
假如想用的是这个next,点击主题名会进入主题对应的github仓库
-
可以把整个文件下载到本地,解压,解压之后的文件名建议改成主题名,
-
打开博客文件夹->themes,把刚才 解压的整个文件夹复制到themes中,大概这样:
-
打开博客文件夹下的"_config.yml"中修改主题名为刚才的主题文件夹名,保存退出
-
git中 输入
hexo generate
hexo server //查看本地预览是否修改成功
4. 部署
- git输入"hexo deploy" 即可部署到github,在线也能打开你的博客地址了
5. 问题
6. 写博客
- hexo new 文章名
- 打开source\ _posts,里面有你刚才新建的.md文档,打开之后就可以写文章了
- hexo g //根据模板编译生成文件
- hexo s //本地启动服务 提前预览,调整格式,没有问题之后再发布
- hexo deploy //发布到github