GitHub&Hexo搭建个人博客(一)
Acid
  • 待修改
  • 基于Windows平台 采用GitHub和Hexo搭建博客
  • 主要参考了这篇文章
  • 此篇文章结束可做出一个最初始的可浏览的Hexo博客界面

安装Git

  • 打开Git官网Downloads页面下载合适版本即可
  • 安装时一路next
  • 安装完成后打开cmd输入git --version检查是否安装成功
  • Git安装成功后就可以用Git Bash代替难用的cmd

安装Node.js

  • 进入Node.js官网选择长期支持版(LTS)下载并安装
  • 打开Git Bash输入npm -v node -v检查是否安装成功

安装Hexo并初始化

  • Git Bash里输入npm info hexo查看hexo包的信息 如果响应很慢可以考虑换淘宝npm源
1
2
3
4
npm config set registry http://registry.npm.taobao.org
#换成淘宝NPM镜像
npm info hexo
#检查是否成功,若成功,则会返回hexo软件包的相关信息
  • 按照Hexo官网的提示输入命令npm install hexo-cli -g进行安装
  • 安装完成后输入hexo -v检查是否安装成功
  • 接着按照官网提示
1
2
3
4
5
6
7
hexo init blog
#这里的blog就是你的博客所在文件夹 文件夹名字自己起
#hexo会在这个文件夹生成一些博客相关的文件
cd blog
#进入这个新建的blog文件
npm install
#在blog文件夹下安装必须的插件
  • 初始化完成之后blog文件夹下会有一些文件

    • node_modules 一些依赖包
    • public 生成的网页文件
    • scaffolds 文章模板
    • source 文章和页面
    • themes 主题文件
    • __config.yml 配置文件
  • Git Bash内输入hexo s即可启动本地服务

  • 此时在浏览器输入网址localhost:4000或者127.0.0.1:4000就可以看到网站初始的样子了
    img

创建GitHub仓库

  • 首先要有一个GitHub账号 没有去注册一个
  • 新建一个repository(仓库) 命名为yourGitHubname.github.io 比如我的就是Acidwits.github.io 其他默认即可 然后点击Create repository`
  • 这个仓库就是存放网页代码的位置

生成SSH Key并添加到GitHub

  • Git Bash中 按照如下命令来
1
2
3
4
5
6
7
8
9
git config --global user.name yourGitHubname
#后边填自己账户名 比如我就是Acidwits
git config --global user.email youremail
#后边填自己GitHub账号绑定的邮箱
git config user.name
git config user.email
#检查自己是否填对
ssh-keygen -t rsa -C youremail
#创建SSH Key 一路回车即可
  • 之后会告诉你在一个地方生成了.ssh文件夹 找到文件夹
  • 在GitHub的settings里找到SSH and GPG keys 进入并点击New SSH Key 这里是传送门
  • 找到.ssh文件夹下的id_rsa.pub 用记事本或者其他文本编辑器打开 把文件内容全部复制进去
  • Git Bash里敲入ssh -T [email protected] 如果配置成功 会有提示信息

将Hexo生成的网页部署到GitHub

  • Git Bash下敲入npm install hexo-deployer-git --save来安装hexo-deployer-git

  • 打开blog文件夹(就是第三步init的那个文件夹) 找到Hexo配置文件__config.yml 翻到最下面 照下面修改

1
2
3
4
deploy:
type: git
repo: https://github.com/yourGitHubname/yourGithubname.github.io.git
branch: master
  • 这样就可以部署了 以后每次部署只需要以下命令
1
2
3
4
5
6
7
8
9
hexo clean
#删除原先生成的网页相关文件
hexo generate
#再生成新的网页文件
hexo deploy
#部署到GitHub仓库
#以上三条命令即为每次部署要用到的命令
#最后两条可以简写为
hexo d -g
  • 部署过程中可能要求输入GitHub账户名密码 输入就行了
  • 部署完成之后过一会就可以在yourGitHubname.github.io看到Hexo生成的网页了
  • 本文标题:GitHub&Hexo搭建个人博客(一)
  • 本文作者:Acid
  • 创建时间:2020-10-31 13:57:12
  • 本文链接:https://blog.acidwits.xyz/2020/10/31/0001/
  • 版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
 评论