使用Hexo和github page和coding page搭建个人博客

使用Hexo和github page和coding page搭建个人博客

目录

成果预览

搭建环境

  • Windows

安装

  • 安装 Node.js

  • 安装 Git

  • 安装 Hexo

    • 鼠标右键打开git bash
    • 在在git bash中输入下列命令
    npm install -g hexo-cli

  • 安装hexo-deployer-git

npm install hexo-deployer-git --save
  • 查看版本
    • 查看node的版本
    node -v
    • 查看npm的版本
    npm -v
    • 查看hexo的版本
    hexo -v

新建网站

  • 初始化hexo，在git bash中输入如下命令。***是文件夹名称，名称任意，如果为空，则默认在当前的文件夹下建立网站。以后的博客内容都在该文件夹中。
hexo init ***
  • 进入***文件夹
cd ***
  • 在***文件夹下执行
npm install
  • 生成静态文件
hexo generate
  • 启动服务器
hexo server

生成SSH

  • 配置git用户名。-–global参数，用了这个参数，表示你这台机器上所有的Git仓库都会使用这个配置，也可以对某个仓库指定不同的用户名和Email地址，我配置的用户名和邮箱与github和coding平台的相同。
git config --global user.name "name"
  • 配置git邮箱
git config --global user.email "email"
  • 查看用户配置
git config --global -l
  • 创建SSH。创建过程中会要求设置密码，可以不设置密码，直接按回车键
ssh-keygen -t rsa -C "email"
  • id_rsa是私钥，id_rsa.pub是公钥，默认位置在C:\Users\用户名\.ssh中。
  • 将公钥添加到github中
    • Settings->SSH and GPG keys->New SSH key
    • 将id_rsa.pub公钥文件中的内容复制到Key中
    • 公钥名称任意
    • 查看是否添加成功
    ssh -T git@github.com
  • 将公钥添加到coding中
    • 个人账户设置->SSH公钥->新增公钥
    • 将id_rsa.pub公钥文件中的内容复制到公钥内容中
    • 公钥名称任意
    • 查看是否添加成功
    ssh -T git@git.coding.net

将博客部署到 github

  • 在github中创建一个仓库，仓库名称为***.github.io,***为github的用户名。
  • 打开站点配置文件_config.yml，添加下列内容
deploy:
  type: git
  repo:
    github: git@github.com:phd99/phd99.github.io.git,master
  • 将博客内容部署到github，- 部署成功后，可以访问http://***.github.io查看自己的个人博客
hexo clean && hexo g && hexo d

将博客部署到 coding

  • 在coding中创建一个项目，名称任意
  • 在该项目中创建一个代码仓库，名称任意，仓库类型为git仓库
  • 开启coding pages服务
    • 在该项目中选择持续部署->静态网站
    • 部署成功后会提供一个网络地址，使用该url查看自己的博客
  • 打开站点配置文件_config.yml，修改下列内容
deploy:
  type: git
  repo:
    coding: git@e.coding.net:phd99/phd99/phd99.git,master
    github: git@github.com:phd99/phd99.github.io.git,master
  • 将博客内容部署到coding，- 部署成功后，可以访问coding提供的网络地址来查看个人博客
hexo clean && hexo g && hexo d

设置个人域名

  • 如果购买了域名，可以设置通过购买的域名来访问个人博客，我是在阿里云上购买的域名

github中的设置

  • 登录github->进入仓库->Settings->Options->GitHub Pages
    • 在Custom domain中添加自己购买的域名
    • 点击保存
    • 勾选Enforce HTTPS
  • 登录阿里云->账号管理->域名控制台->找到要设置的域名->解析->添加记录
    • 记录类型为CNAME
    • 主机记录为@，再重新添加一条记录并将主机记录改为www，其他的不变
    • 解析线路为默认，若还使用了coding，可以将github设置为境外，将coding设置为默认
    • 记录值为***.github.io
  • 在博客根目录下source文件夹中创建一个文件，名称为CNAME，没有后缀
  • 编辑CNAME文件，将购买的域名输入到该文件内
www.phd99.com
  • 重新部署一下，过一会儿就可以通过访问购买的域名来查看个人博客了
hexo clean && hexo g && hexo d

coding中的设置

  • 登录coding->进入项目->持续部署->静态网站->自定义域名->新建域名->输入购买的域名->确定
  • 添加域名后，网站会自动重新部署，并且同时去申请SSL证书
    • 申请证书时，会提供一些信息，需要给域名添加一条记录，添加之后，过一会儿，SSL证书就申请成功了，此时域名也添加成功了
  • 登录阿里云->账号管理->域名控制台->找到要设置的域名->解析->添加记录
    • 记录类型为CNAME
    • 主机记录为@，再重新添加一条记录并将主机记录改为www，其他的不变
    • 解析线路为默认
    • 记录值为***.com.cdn.dnsv1.com
  • 登录coding->进入项目->持续部署->静态网站->重新部署
posted @ 2021-01-09 20:35  phd99  阅读(225)  评论(0)    收藏  举报