使用hexo，github和现有主题搭建的个人博客笔记（1）

---

title: 我的第一篇文章
date: 2021-07-25 12:40:23
tags:

说明：本篇文章记录自己首次使用hexo，github，利用现有的主题搭建的个人博客。

参考文献：手把手教你从0开始搭建自己的个人博客 |无坑版视频教程| hexo_哔哩哔哩_bilibili

起因：

1. 本就想弄一个属于自己的个人博客
2. 同学搭建了一个好看的静态和动态的个人博客（让我觉得自己动手可以实现）
3. 网络上有教程
4. 以前做的个人网站不能公网访问

过程：

虽然参考文献的题目是无坑，但是自己实际操作的时候，遇到了不少的坑。

1. 利用hexo和gitee里的gitee pages 服务搭建

   解决办法：1. 等待gitee整顿完结 2. 利用github搭建

2. 等待gitee整顿后，发现gitee pages服务没有了

   解决办法：利用github搭建，创建github账号

3. 因为github是国外的，多次因为网络连接以及居住地在机场附近的原因，多次访问不。

   解决办法：等待

4. 执行安装cnpm镜像时,提示出错

出错内容如下：

npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm ERR! code ENOTFOUND
npm ERR! errno ENOTFOUND
npm ERR! network request to https://registry.npm.taobao.org/socks-proxy-agent failed, reason: getaddrinfo ENOTFOUND registry.npm.taobao.org
npm ERR! network This is a problem related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings.
npm ERR! network
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network 'proxy' config is set properly.  See: 'npm help config'

npm ERR! A complete log of this run can be found in:
npm ERR!     D:\program files\nodejs\node_cache_logs\2021-07-25T00_31_23_037Z-debug.log

解决办法：

1. 电脑连接网络，然后输入：

npm install -g  cnpm --registry=http://registry.npm.taobao.org

2. 不安装cnpm

   在后面安装git部署插件可以使用，下面的语句安装

   npm install hexo-deployer-git --save
   

安装了 cnpm，可以下面的命令安装

cnpm install --save hexo-deployer-git

5.使用git bash 里的vim 编辑文章，退不出vim 界面

解决办法：直接关闭窗口，使用其他的软件编辑文章。我使用时typpora编辑文章的

6.使用typora编辑文章，在本地（http://localhost:4000 ）预览时，无法观看到文章

原因：文章编辑的格式不对。

解决办法：1.文章的内容要顶着tags写，即tags的下一行必须写内容。

​ 2.tags不能写其他的

（就目前而言）

7.无法本地访问

解决办法：git bash 里没有执行 hexo s

服务未打开，如何连接

8.无法部署到远程参库

解决办法：1.检查仓库地址是否正确？

​ 2.是否安装git部署插件？

​ 3.命令执行是或否依次进行

hexo clean  
hexo g
hexo d
hexo s   

​

总结

1. 断断续续的学习是真的费时间，我的学习速度是真的慢

2. 多看评论区，有的问题别人已经遇到过了。我在部署远程仓库的问题就是参考评论区里的。

3. 第一次使用github真的不知所措。

4. 视频里说的无坑，那只是针对他而言。我自己实践一下，结果坑就比较多（主要是我太菜了。）

5. 视频用到的命令集合(该内容摘自B站 我是小州啊 的评论)

   ---	#安装Nodejs
   node -v	#查看node版本
   npm -v	#查看npm版本
   npm install -g cnpm --registry=http://registry.npm.taobao.org	#安装淘宝的cnpm 管理器
   cnpm -v	#查看cnpm版本
   cnpm install -g hexo-cli    #安装hexo框架
   hexo -v	#查看hexo版本
   mkdir blog	#创建blog目录
   cd blog	 #进入blog目录
   sudo hexo init 	#生成博客 初始化博客
   hexo s	#启动本地博客服务
   http://localhost:4000/	#本地访问地址
   hexo n 我的第一篇文章 #创建新的文章 
   #返回blog目录
   hexo clean #清理
   hexo g #生成
   #Github创建一个新的仓库 YourGithubName.github.io
   cnpm install --save hexo-deployer-git #在blog目录下安装git部署插件
   ----
   #配置_config.yml 
   -----
   	# Deployment
   	## Docs: https://hexo.io/docs/deployment.html
   	deploy:
     		type: git
    		repo: https://github.com/YourGithubName/YourGithubName.github.io.git
     		branch: master
   -----
   hexo d	#部署到Github仓库里
   https://YourGithubName.github.io/  #访问这个地址可以查看博客
   
    git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia  #下载yilia主题到本地
   
   #修改hexo根目录下的 _config.yml 文件 ： theme: yilia
   
   hexo c	#清理一下
   hexo g	#生成
   hexo d	#部署到远程Github仓库
   https://YourGithubName.github.io/  #查看博客
   

6. 视频操作总结

   1.准备：（1）安装所需软件：node，git，hexo（2）创建github账号和仓库

   2.操作 ：新建文章，部署到远程仓库，修改主题

   7.最后生成的可以访问的网址及效果：
   LHstuding.github.io
   

   非常感谢matery主题的作者

其他参考链接：

hexo+gitee博客搭建 - Lanweixiao

GitHub+Hexo 搭建个人网站详细教程 - 知乎 (zhihu.com)

Hexo博客主题之hexo-theme-matery的介绍 | 闪烁之狐 (blinkfox.github.io)