您的位置: 首页  >  文章  >  2019.3.10（二月初四周天）搭建Github个人博客1（安装hexo）

2019.3.10（二月初四周天）搭建Github个人博客1（安装hexo）

分类: 文章 • 2025-01-06 19:35:28

前文：为什么要搭建Github博客？

  1. 看到别人的github博客排版整洁，美观。
  2. Github是趋势，作为一名普通的程序员，怎么能不用github?！
  3. 在群里，大佬们在讨论hexo和jekyll，什么鬼？？？，于是决定了解一波。
  4. 看到有没有搭建成功的案例，想自己试一试，看看到底有多复杂。

注： 此博客仅限技术小白观看，大佬请绕步，从搭建前的准备，一直到搭建成功，步骤会很详细的写出，这是从零开始的基础篇，小白们快来围观~~~~（文中若有不对之处，请各位指正！）

前期准备：

  1. 什么是hexo？
    Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

  2. 什么是jekll？
    jekyll是一个简单的免费的Blog生成工具，类似WordPress。但是和WordPress又有很大的不同，原因是jekyll只是一个生成静态网页的工具，不需要数据库支持。但是可以配合第三方服务,例如Disqus。最关键的是jekyll可以免费部署在Github上，而且可以绑定自己的域名。
    就是可以将纯文本转换为静态网站和博客。

  3. 两者都是可以形成静态博客的，都可以用Markdown语法，选哪个就是看你们的电脑系统和自己喜欢的主题了。（附：hexo主题 ，jekll主题 ）

  4. 综合以上原因，我选择用hexo来搭建我的Github博客。

搭建步骤

  1. 安装hexo前提（windos系统）：
    安装 Hexo 相当简单。然而在安装前，您必须检查电脑中是否已安装下列应用程序：
    Node.js 说明：LTS为长期支持版，Current为当前最新版
    Git

安装Node.js

Hexo是基于nodeJS环境的静态博客，里面的npm工具很有用啊。
由于NodeJs安装包下载不下来，其他软件可以下载，这个就是不行，你们可以试试能否下载。
此路不通，换条路。以下是用nvm安装NodeJS：nvm下载的github地址
推荐下载第三个包
2019.3.10（二月初四周天）搭建Github个人博客1（安装hexo）
我安装的时候修改了默认路径，弄了一番，这个最后也没成功。。。。。
于是下载第一个包nvm-noinstall.zip，这个需要配置。
1.下载压缩包后，重命名为nvm（可自定义）
2.在nvm文件夹下新建settings.txt
2019.3.10（二月初四周天）搭建Github个人博客1（安装hexo）
settings.txt的内容是

root: C:\nvm1\nvm        //下载压缩包路径
path: C:\nvm1\nodejs     //nodejs存放位置

3.添加环境变量 ：计算机-》属性-》高级系统设置-》高级-》环境变量
新建变量名：NVM_HOME，变量值：C:\nvm1\nvm
新建变量名：NVM_SYMLINK，变量值：C:\nvm1\nodejs
找到Path选择编辑添加%NVM_HOME%;%NVM_SYMLINK%;
注意：

A.变量名必须为NVM_HOME和NVM_SYMLINK，之前重新安装突然想试试变个名会如何于是给NVM后面加个s，然后出问题了。

B.编辑PATH的时候添加%NVM_HOME%前面一定要分号结尾。

C.path中%NVM_HOME%与%NVM_SYMLINK%的顺序不要反。

4.检测nvm是否安装成功
快捷键win+R，输入cmd，调出命令提示符，输入nvm，出现如下界面，说明安装成功。
2019.3.10（二月初四周天）搭建Github个人博客1（安装hexo）
5.安装nodejs
在settings.txt里添加如下代码

arch: 64 	
proxy: none	
node_mirror: http://npm.taobao.org/mirrors/node/	
npm_mirror: https://npm.taobao.org/mirrors/npm/

然后在命令提示符里输入：nvm install 10.15.3
这里10.15.3是安装nodejs的版本，可以自行选择。
2019.3.10（二月初四周天）搭建Github个人博客1（安装hexo）
注意： Downloading 代表正在下载npm，一定要等下载完，不然会发现npm将无法使用。
6.nodejs安装成功
2019.3.10（二月初四周天）搭建Github个人博客1（安装hexo）
双击安装，在安装时注意选择Add to PATH，一路next即可。
7.测试node、npm是否成功
在命令提示符里分别输入node、npm界面如下，说明已经安装成功。
2019.3.10（二月初四周天）搭建Github个人博客1（安装hexo）

安装Git

上述超链接中有git的下载地址，点击下载后，双击运行.exe，安装路径可以修改，其他的一路next即可。
2019.3.10（二月初四周天）搭建Github个人博客1（安装hexo）
安装好后，打开git-bash查看版本
2019.3.10（二月初四周天）搭建Github个人博客1（安装hexo）
命令：git version
2019.3.10（二月初四周天）搭建Github个人博客1（安装hexo）

安装hexo

所有必备的应用程序安装完成后，即可使用 npm 安装 Hexo。
先创建一个文件夹（用来存放所有blog的东西），然后cd到该文件夹下。
在命令提示符里输入 ： npm install -g hexo-cli
发现用以上命令安装出错，是npm官方镜像连不通的问题. 试试用淘宝的npm镜像吧：
npm国内源不好用的时候可以拿淘宝的来备用：
输入以下命令
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install hexo-cli -g
2019.3.10（二月初四周天）搭建Github个人博客1（安装hexo）
安装hexo成功！！！！！

附：安装路上坎坎坷坷，眼疼~，不说了，去休息一下眼睛。。。。。。

相关推荐