如何搭建个人博客--终极指南

前言

之前搭建博客思考了很久，大学时做过网站后来找工作了就不了了之了，现在想起来挺可惜的。
方案一：自己写的话，博客可以根据自己的内容修改，比较自由但时间成本高,效益差。
方案二：用大神的博客框架、简单易上手、可修改性差，但功能丰富齐全，时间成本低。
方案三：用别人框架，自己修改下（都是泪啊）。对于踩过坑的我来说还是第二种省事。毕竟文章内容质量胜于
网站的表现形式，虽然说丰富的功能根据个性（PS：个人观点）下面就整理一下搭建博客的流程以及参考的资料，怕久了自己也忘记了，毕竟过来了，就总得留下些什么。

准备工作

一、 对于萌新来说，可以先看下以下参考资料：
建站知识：https://juejin.im/entry/58c62279ac502e006209eb4a
博客博客框架：http://topspeedsnail.com/static-website-generators_or_tools/

create0.png

开始步骤

一、 注册github账号和创建库
https://github.com/

create1.png

create2.png

create3.png

二、 配置Hexo
Hexo比较友好有自己的官方网站：https://hexo.io/zh-cn/docs/
三、将本地Hexo站点部署到GitHubPages

1. 设置Git的账号密码(即运行git界面 右击菜单）

   
   
   

   create4.png

打开命令行，键入以下命令，其中，字符串中的内容替换为你自己的信息，这里为了清晰一致，建议使用 GitHub 账户相同的配置信息

git config --global user.name "yourname"
 git config --global user.email "youremail"
 

2. 创建 SSH Key

   
   
   

   create5.png

在出现的 OpenSSH 界面，点击右上角的 Generate Key 以创建 SSH Key。注意，期间会让你输入密码两次，这个密码是本地 Git 与远程 Git 通信时要用到的，要牢牢记住。
OpenSSH 创建好的 SSH Key，会被存储到为一个私钥文件和一个公钥文件；如果是 Windows 操作系统的话，则他们位于 ./c/Users/pcusername/.ssh 路径下，名称分别是 id_rsa 和 id_rsa.pub
3.远程 GitHub

create6.png

create7.png

create8.png

create9.png

4. 本地 Git 与远程 GitHub 通信
   命令行键入以下命令：
   $ ssh -T [email protected]
   Enter passphrase for key '/c/Users/pcusername/.ssh/id_rsa':
   当键入以上命令回车后，会出现让我们输入密码的提示，这个密码就是刚刚我们使用 Open SSH 创建 SSH Key 时所输入的密码。

5. 依赖
   为了正常部署到远程 Git 仓库，我们还需要先安装一个 Hexo 插件 hexo-deployer-git

$ npm install hexo-deployer-git --save

6. 配置
   由于是部署到远程的 Git 仓库，所以我们需要修改一些配置参数以使其符合针对 Git 的部署配置。
   使用文本编辑器打开站点文件夹根目录下的 _config.yml 文件，修改其 deploy 字段之后的内容

deploy:
  type: git
  repo: [email protected]:你的GitHub用户名/你的GitHub用户名.github.io.git
  brandh: master
  messge:

其中，各个参数意义如下：
repo ：要部署的远程 Git 仓库地址
branch ：仓库分支名称，程序会自动检测，如果你创建的仓库没有做过修改，那么该值应该就是master
message ：自定义 Git 的本次 commit 信息（Hexo会按照一定默认生成）

7. 部署

$ hexo deploy

hexo clear (清理缓存)
hexo s debug (编译模式)
hexo g
hexo d
hexo d -g

四、动态域名绑定

1. 计入阿里云后台

   
   
   

   create10.png

2. 进入解析域名

   
   
   

   create11.png

3. 添加域名解析 其中185.199.110.153 是ping https://github.com/wudiplk/wudiplk.github.io 网页，至于如何ping 自行百度
   

   

   create12.png

4. 进入https://github.com/wudiplk/wudiplk.github.io 设置
   

   

   create13.png

5. 添加CNAMA
   在hexod的public的文件夹下创建CNAME.txt 填入你的域名（如 www.wudiplk.top)去掉后缀,保存发布到github