# Hexo + Github 创建博客

标签（空格分隔）： hexo Github 避坑

---

*网上找到的搭建博客的教程良莠不齐，基本内容都大同小异，对于某些莫名出现的问

题又没有合理的指导，小编在搭建的过程中也是颇为头疼，毕竟白天课业繁重，还在

参加比赛，所以只能晚上赶班搭建，由于本博客是小编第一次尝试编写，所以可能会

显得很啰嗦，有基础的伙伴可以跳过简读，适用于纯新手教学。

在此输入正文*

本博客基于[Hexo][1](高效的静态网站生成框架），它是基于**Node.js**,帮助我们

快速便捷欸对搭建博客。下面就来介绍如何从零开始搭建自己的博客空间：

- 安装Git

Git官网下载[Git][2]

![此处输入图片的描述][3]

Git官网自动之别到了我使用的操作系统，点击“Download for

windows”或者“Windows”即可到Git版本页面。

然后根据电脑的操作位数64（32）bit 安装对应的下载包。

双击下载成功的安装包，进入许可声明界面

![此处输入图片的描述][4]

点击 **”next“**进入下图界面

![此处输入图片的描述][5]

在这里选择git在你电脑上的安装路径，选择完成后，点击**”next"**进入选择组件界

面

![此处输入图片的描述][6]

• Dtshuai

•  文件

•  发布更新

Hexo + Github 创建博客

hexo Github 避坑

---

网上找到的搭建博客的教程良莠不齐，基本内容都大同小异，对于某些莫名出现的问题又没有合理的指导，小编在搭建的过程中也是颇为头疼，毕竟白天课业繁重，还在参加比赛，所以只能晚上赶班搭建，由于本博客是小编第一次尝试编写，所以可能会显得很啰嗦，有基础的伙伴可以跳过简读，适用于纯新手教学。
在此输入正文

本博客基于Hexo(高效的静态网站生成框架），它是基于Node.js,帮助我们快速便捷欸对搭建博客。下面就来介绍如何从零开始搭建自己的博客空间：

• 安装Git
  Git官网下载Git

  

  
  Git官网自动之别到了我使用的操作系统，点击“Download for windows”或者“Windows”即可到Git版本页面。
  然后根据电脑的操作位数64（32）bit 安装对应的下载包。
  双击下载成功的安装包，进入许可声明界面
  
  点击 ”next“进入下图界面
  
  在这里选择git在你电脑上的安装路径，选择完成后，点击”next"进入选择组件界面
  
  建议直接服从默认勾选，根据自己的需求选择后，点击”next"进入下一界面
  
  这个界面是创建开始菜单中的名称，不需要修改，直接点击”next"进入下一界面
  
  这个界面是选择Git文件默认的编辑器，建议默认，点击”next"进入下一界面
  
  这个页面是设置新存储库中初始分支的名称，默认是“master”，如果想修改分支名称，点击第二个选项，在“main”的位置修改即可，这里我选择默认的名称，点击”next"进入下一界面
  
  第一种配置是”仅从Git bash使用Git“，你只能从Git Bash 命令行工具，不能通过第三方软件使用。
  第二种配置是”从命令行以及第三方软件进行Git",它仅向PATH添加最小的Git安装包。
  第三种配置是“从命令提示符使用Git和可选的Unix工具”，它将覆盖Windows工具，只有在了解其含义后才建议使用此选项。
  推荐默认配置，点击”next"进入下一界面
  
  选择SSH可执行文件，点击”next"进入下一界面
  
  第一个选项是“使用OpenSSL库",服务器证书将使用ca-bundle.crt文件进行验证，这也是我们常用的配置。
  第二个选项是“使用本地Window安全通道库”。服务器证书将使用Windows证书存储验证。此选项还允许您使用公司的内部根CA证书。
  推荐默认配置，点击”next"进入下一界面
  
  第一个选项是“签出Windows风格，提交Unix风格的行尾”。签出文本文件时，Git会将LF转换为CRLF。提交文本文件时，CRLF将转换为LF。对于跨平台项目，这是Windows上的推荐设置(“ core.autocrlf”设置为“ true”)
  第二个选项是“按原样签出，提交Unix样式的行尾”。签出文本文件时，Git不会执行任何转换。 提交文本文件时，CRLF将转换为LF。对于跨平台项目，这是Unix上的建议设置(“ core.autocrlf”设置为“ input”)
  第三种选项是“按原样签出，按原样提交”。当签出或提交文本文件时，Git不会执行任何转换。不建议跨平台项目选择此选项(“core.autocrlf”设置为“ false”)
  推荐默认配置，点击”next"进入下一界面
  
  第一个选项是“使用MinTTY(MSYS2的默认终端)”。Git Bash将使用MinTTY作为终端模拟器，该模拟器具有可调整大小的窗口，非矩形选择和Unicode字体。Windows控制台程序(例如交互式Python)必须通过“ winpty”启动才能在MinTTY中运行。
  第二个选项是“使用Windows的默认控制台窗口”。Git将使用Windows的默认控制台窗口(“cmd.exe”)，该窗口可以与Win32控制台程序(如交互式Python或node.js)一起使用，但默认的回滚非常有限，需要配置为使用unicode字体以正确显示非ASCII字符，并且在Windows 10之前，其窗口不能自由调整大小，并且只允许矩形文本选择。
  推荐默认配置，点击”next"进入下一界面
  
  第一个选项：默认值(快进或合并)
  这是“gitpull”的标准行为：尽可能将当前分支快速转发到获取的分支，否则创建合并提交
  第二个选项：复位
  将当前分支复位到获取的分支上。如果没有要重新设置基础的本地提交，这相当于快进。
  第三个选项：只有快进
  快进到获取的分支。如果不能获取，则失败。
  推荐默认配置，点击”next"进入下一界面
  
  配置凭证管理器
  第一个选择项：Git凭证管理器
  第一个选择项：无，不要使用凭证管理器
  推荐默认配置，点击”next"进入下一界面
  
  第一个选项：“启用文件系统缓存”。文件系统数据将被批量读取并缓存在内存中用于某些操作(“core.fscache”设置为“true”)。 这提供了显著的性能提升。
  第二个选项：“启用符号链接”。启用符号链接(需要SeCreateSymbolicLink权限)。请注意，现有存储库不受此设置的影响
  推荐默认配置，点击”next"进入下一界面
  
  第一个选项：启用对伪控制台的实验性支持。
  (新增!)这允许在git bash窗口中运行Node或Python之类的本机控制台程序，而无需使用winpty，但它仍然存在已知的bug。
  第二个选项：启用实验性内置文件系统监视器
  (新增!)自动运行内置的文件系统监视程序，以加速包含许多文件的工作树中的常见操作，如“git status”、“git add”、“git commit”等。
  大家可以根据需要自己选择，我这里都选上了，点击”install“开始安装。如上便是Git的安装配置操作。

• 安装nodejs
  nodejs下载
  参照Git的系统选择，选择对应的版本，可以不用最新版本的哈
  双击下载后的安装包，点击"run",一路”next",火花带闪电，可以修改一下自己的存放路径。
  检验PATH变量是否配置Node.js
  win + R 在弹出的命令框输入cmd，键入

  node -v
  便可得到安装的node版本

• 安装Hexo
  先创建一个文件夹MyBlog，用来存放自己的博客文件，然后cd到这个文件夹下（或者在这个文件夹下直接右键git bash打开）,最好以管理员身份运行终端。原因是啥咱也不知道，咱也没问到，反正就是会出意想不到的情况。
  定位到该目录下，输入npm install -g hexo-cli即可安装Hexo,有部分警告无视即可。
  安装完输入hexo -v验证是否安装成功。
  接下来就是初始化hexo,即进入主题根目录，输入hexo init初始化文件夹，然后输入npm install安装必备的组件，新建完成后，指定文件夹Hexo目录下有：

• node_modules:依赖包

• public：存放生成的页面
• scaffolds:生成文章的一些模板
• source:存放文章
• themes:主题
• _config.yml：博客的配置文件
  这样本地的网站就配置成功了，键入hexo g生成静态网页，然后键入hexo s打开本地服务器，点击链接，便可在浏览器看到如下界面
  
  按ctrl+c关闭本地服务器。
  4.注册Github账号创建个人仓库
  接下来就去注册一个github账号，用来存放我们的网站。大多数小伙伴应该都有了吧，作为一个合格的程序猿（媛）还是要有一个的。
  要创建一个和你用户名相同的仓库，后面加.[http://github.io，只有这样，将来要部署到GitHub page的时候，才会被识别，也就是http://xxxx.github.io，其中xxx就是你注册GitHub的用户名。例如我的：http://Dtsyyds.github.io

5.生成SSH添加到Github
在你所创建的博客文件夹右键打开git Bash(cmd指令也可以），然后输入以下命令：

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

这里的yourname输入你的GitHub用户名，youremail输入你GitHub的邮箱。这样GitHub才能知道你是不是对应它的账户,例如

git config --global user.name "Dtsyyds"
git config --global user.email "1640028011@qq.com"

然后创建SSH，一路回车
这个时候它会告诉你已经生成了.ssh文件，根据终端提示的路径找到对应文件用记事本打开，全部复制。
打开Github,在头像下面点击settings,再点击SSH and GPG keys，新建一个SSH，名字随便取一个你中意的，下一项默认，在key里面输入你的id_rsa.pub里复制的东西。
在git bash输入ssh -T git@github.com,如果弹出你的用户名即为成功，后面的does not provide shell access不用在意。
6.将hexo部署到GitHub
打开博客根目录下的_config.yml文件，这是博客的配置文件，在这里你可以修改与博客配置相关的各种信息。

deploy:

type: git
repository: https://github.com/dtsyyds/Dtsyys.github.io.git
branch: master

repository修改为你自己的github项目地址即可就是部署时，告诉工具，将生成网页通过git方式上传到你对应的链接仓库中这个时候需要先安装deploy-git，也就是部署的命令,这样你才能用命令部署到GitHub。
在根目录下键入npm install hexo-deployer-git --save(如果有报错，就用管理员权限执行），如果报错显示unable to acess ...那就先执行
git config --global --unset http.proxy
git config --global --unset https.proxy取消代理，
然后

hexo g
hexo d
hexo s

过一会，可能十分钟，也可能半个小时，你就可以在 http://yourname.github.io 看到自己的博客网站了。
7.写文章，发布文章
首先在博客根目录下右键打开git bash，安装一个扩展npm i hexo-deployer-git。
然后输入hexo new post "我的第一篇博客"，新建一篇文章。
然后打开D:\blog\source_posts的目录，可以发现下面多了一个文件夹和一个.md文件，一个用来存放你的图片等数据，另一个就是你的文章文件啦。
你可以会直接在vscode里面编写markdown文件，可以实时预览，也可以用用其他编辑md文件的软件的工具编写。编写完markdown文件后，根目录下输入hexo g生成静态网页，然后输入hexo s可以本地预览效果，最后输入hexo d上传到github上。这时打开你的github.io主页就能看到发布的文章啦。到这儿基本上就完成了，已经完整搭建起一个比较简陋的个人博客了。

+

原文链接：Dtshuaishuai (dtsyyds.github.io)