简单优雅的搭建我的博客

前言

啊啊啊~~~ ,通过差很少两天的持续摸索优化，我的博客算是初步完成了，如今本身看的效果仍是很是不错的。这篇文章就是讲我怎么搭建一个这样的博客的。早在17年的时候就用hexo 结合github搭建过我的博客，可是那时候还太年轻，也没有维护，后面就废掉了。18年的时候又一时兴起搭建了一个。比17年的时候好看些，可是没有什么访问量，可能没有作seo 优化，也没有维护多长时间就放着了，前几天上去看，界面显示都还正常，就是内容太幼稚了。因此时隔一年，我胡汉三又回来了。痛下决心，把总体的博客都搭建好了，包含界面渲染，RSS,评论系统，站内搜索，seo 优化等等。如今让咱们开始吧。
博客传送门：
coding:http://quellanan.coding.me/

github:https://quellanan.github.io/

最终效果

咱们先来看看效果吧，这样对大家可能更有吸引力，更有动力搭建一个属于本身的bolg 啦。

主页面是这样的，包含首页、标签、分类、归档、关于、互动、搜索、还有右侧的主页。
最喜欢标签这一页，能够看出整个网站对哪一类的文章写的比较多。

还能够经过标签找到对应的文章。还有就就是页脚的网站统计，页面访问人数和访问量的统计。已经整个站点博文的字数。这些相信都是自建博主们最关心的。我也是最关心这部分哈哈，毕竟访问量和人数上去了就有持续更新的动力啦。

打赏功能，已经版权申明，还有侧边的文章目录也是超赞的。

评论功能，这个评论也是很给力的吧，增长了博主和读者之间的交流。和评论相似还有一个，就是网站右下角那个相似微信图标的那个，那个也是能够直接和博主沟通的哟，不赖吧。这些只是网站的一部分功能，其余的就不说了，开始动手吧

环境准备

1. 安装git：
   https://git-scm.com/book/zh/v2/起步-安装-Git
   安装git 以后又配置用户名和邮箱，和github 一致

#全局配置用户名
git config --global user.name "nameVal"
#全局配置邮箱
git config --global user.email "eamil@qq.com"

2. 安装node.js：https://nodejs.org/en/
   这两个无论你linux 仍是windows 都很是好安装，网上关键字搜索一下，有官方教程。

3. 注册github登陆帐号：https://github.com/
   建立好和用户名同样的项目
   

4. 注册coding登陆帐号：https://coding.net/login
   也是同样的，建立一个和名称相同的项目。这里说一下为何要用coding，其实不用也能够，coding 和github 的做用同样的，都是做为pages 以及使用他们的域名。不一样的是github 是国外的，而coding 是国内的。github搭建的博客不容易被百度检索到，而coding 能够。你们能够根据我的喜爱选择吧。这里我是两个都用了，反正就多一条配置。

配置秘钥

$ cd ~
$ ssh-keygen -t rsa -C "your_email@youremail.com"

将生成的秘钥配置到github 和coding 上就行了

安装hexo

安装好git 和node 以后，安装hexo 就很方便

npm install hexo-cli -g

随后咱们建立一个blog 文件夹，用来存放咱们的blog.

cd blog
hexo init
npm install

这样基本的框架就已经搭建好了，能够启动看下效果

hexo clean //清缓存
hexo g //编译
hexo s  //本地运行
hexo d // 上传到github 或者coding

主题选择

在搭建好框架以后，如今固然是找一个本身喜欢的主题啦，我我的比较喜欢next ,而后就在网上找了一个next 主题，功能配置基本都有了，我就是参照这个大佬的配置过来的。

配置：https://github.com/ipyker/hexo-next-theme

将这位大佬的主题下载下来后，放到咱们本身的主题中去就行了。
常见的修改按照这位大佬提示的修改就能够。

保存源码

好了，主题和框架都有了，那接下来其实写博客发布就行了，其实前面的我前两年走到这里了，因此前面没有很细的讲。可是有一些基础的人应该均可以作到，若是不行，能够经过我提到的关键字搜索也能够在网上找到详细的教程。为何此次又要从新搭建，由于以前没有保存源码，致使github 上只存了pages 的代码。没有保存源码，因此若是源码丢了就得从新搭建了。因此此次学聪明了知道保存源码，不论是换电脑仍是什么的，作号备份就不怕了。
我这里讲源码保存在github 上，咱们在github项目项目上建立一个分支 save，用来保存源码。master 分支用来pages页面展现。

将建立的save 分支设置为默认分支。

而后在本地clone 项目。进入项目

git add .
git commit -m "your description"
git push origin save

咱们 _config.yml 配置是提交到 master 分支

deploy:
 type: git
 repository: 
   github: git@github.com:QuellanAn/QuellanAn.github.io.git
   coding: git@git.dev.tencent.com:quellanan/QuellanAn.git
 branch: master

如今开始，以后的操做就简单了。想要编译发布就

hexo clean 
hexo g
hexo d

保存到github就

git pull 
git add .
git status
git commint -m "description"
git push origin save

我博文的源码地址：https://github.com/QuellanAn/QuellanAn.github.io
这些都是我已经配置好了，大家能够直接clone下来，进入 blog 文件夹而后进行运行修改就能够了。因此我前面都讲的比较简单。

SEO

如今咱们博客已经建好了，咱们要新增博客的话在source / _posts 目录下增长就行了。

可是咱们如今面临的一个问题是，咱们的博客没有访问量怎么办，不能经过谷歌搜索和百度搜索搜索到，而是须要直接经过输入准确的网址进行访问，这样确定是不利于咱们增长博客浏览量的。因此咱们须要将咱们的网址添加到百度和谷歌搜索中。

谷歌：https://search.google.com/search-console

将下载的html 放到public 文件夹下。


而后

hexo g
hexo d

发布到咱们的网站上。而后进行验证就能够验证经过。

这个验证以后，咱们再提交站点地图。站点地图我都配置好了，若是大家用个人模版的话，直接在网站站点地图提交就行了

这样过段时间谷歌就能搜索到你的博客啦。

百度提交站点：https://ziyuan.baidu.com/site/index

添加网站，验证方法和google 是同样的，都用html 文件验证就行了
验证完成以后，点击Robots,检测并更新。

个人模版里面已经配置好了。能够直接检测到。

虽然我作了这些，可是好像百度尚未搜录，还得再等两天再看看。

番外

好了，到此为止，我的博客搭建就到这这里了，你们若是也想要搭建一个本身的博客，能够把文中说的准备工做作好，而后本身下载个人源码来用，把信息修改为本身的就行了。有什么不懂了能够及时加我微信沟通。由于我模版里，个人博文原稿都在里面，因此各位用的时候记得删掉，或者记得标记为转载谢谢❤

可能讲的内容不够详细，没有细节没有讲到，对小白不太友好，可是考虑到其实网上有不少详细的教程，我这里就把我认为重要的讲了出来，但愿对你们有帮助。

后续加油♡

欢迎你们关注我的公众号 "程序员爱酸奶"

分享各类学习资料，包含java，linux，大数据等。资料包含视频文档以及源码，同时分享本人及投递的优质技术博文。

若是你们喜欢记得关注和分享哟❤