2. 技术
    3. 如何用hexo框架搭建个人博客

    如何用hexo框架搭建个人博客

    技术2022-07-10  130

    首先说一下 我搭建个人博客的目的，学习总会碰到很多问题，这时候我们需要一个平台去记录我们的解决问题的过程，陪伴我们变强秃头。我也是一个小白开始的，github,git,hexo是什么，干什么的都不清楚，就是对这些概念很模糊。然后在网上找了很多视频、文章,按着教程来，过程肯定会出错，毕竟是小白，出错了我们就要解决，不要怕，怕是没用的。所有的错误解决了，就会很有成就感。下面是搭建个人博客的过程。我的电脑是window 10，64bit。

    一：前期准备————注册github账号，下载git，node.js

    1.注册github账号：可以前去https://www.github.com注册，点击右上角的sign up,输入用户名，绑定你的邮箱，输入你的密码，即可完成注册。 2.下载git:前往https://gitforwindows.org/,点击download，选择你电脑型号的下载。 3.node.js:前往https://nodejs.org/en/

    二：开始配置

    1.前往git文件夹下，右键打开git bash-----相当于Linux的终端，输入

    git config --global user.name "username" git config --global user.email "your mail"

    username就是你注册github账号名字，your mail 就是注册github时绑定的邮箱。

    2.安装hexo 不要在晚上时安装，因为github晚上的访问很慢，所以会出错——我踩过的坑

    前往git文件夹，右键打开git bash,输入

    npm install -g hexo-cli

    3.初始化hexo

    hexo init <folder> cd <folder> npm install

    就是一个存放站点文件的文件夹，可以建在任意地方，用cd命令转至其它地方，我是直接在建在git文件夹下，方便查找。所以可以直接输入

    hexo init Myblog cd Myblog npm install

    这时候git文件夹会生成Myblog文件夹。

    4.在本地打开博客网站

    在站点文件夹下运行git bash,输入hexo serer(hexo s),当出现下面的图片，就证明我们可以在本地打开我们的博客网站了。

    输入网址：localhost:4000即可访问我的博客，刚开始博客主题就是这样的，后期我们可以更改。

    三:将博客部署到github上（所有命令都要在站点文件夹下Myblog运行git bash）

    1.new repository(仓库):仓库名格式一定是：你的用户名.github.io

    2.安装hexo-deployer-git插件

    npm install hexo-deployer-git --save

    3.创建SSH key

    ssh-keygen -t rsa -C "your mail"

    会出现这样，意思是输入你github密码，再输入一遍

    4.复制id_rsa.pub文件的内容

    前往C:\用户\用户名.ssh\id_rsa.pub,用记事本打开id_rsa.pub，复制里面的内容。

    5.在github new SSH key

    点击头像、setting、SSH and GPG keys,右上角点击new SSH key,

    tittle:用户名.github.io

    文本框粘贴刚刚赋值的东西

    6.修改博客配置

    前往站点文件夹(Myblog),用记事本打开.config.yml文件，找到如下图位置，修改。

    deploy: type: git repo: git@github.com:Chengzhaoyong/Chengzhaoyong.github.io.git branch: master

    注意：冒号后面有一个空格

    6.推送到github

    hexo g 生成静态文件，每写一篇博客，都要执行 hexo d 部署到github仓库

    这时候我们就可以通过用户名.github.io访问我们的博客了，我们已经成功搭建好博客了。

    四：主题更换----yilia

    1.在站点文件夹（Myblog）运行git bash ,输入

    git clone git://github.com/litten/hexo-theme-yilia.git themes/yilia

    在Myblog文件夹下的themes文件夹就会有一个yilia文件夹

    2.前往站点文件夹(Myblog),用记事本打开.config.yml文件，找到如下图位置，修改。

    theme:yilia

    3.运行命令

    hexo g 重新生成静态文件 hexo d 重新部署到github

    4.输入网址：用户名.github.io，就可以看到我们的博客主题换了。

    参考如下：

    微信公众号：漫游前段世界 https://mp.weixin.qq.com/s/qSMGf0p-ypDMuCtt1qsDIQ

    B站视频CodeSheep:https://www.bilibili.com/video/BV1Yb411a7ty?from=search&seid=10401211365557430754 下：

    微信公众号：漫游前段世界 https://mp.weixin.qq.com/s/qSMGf0p-ypDMuCtt1qsDIQ

    B站视频CodeSheep:https://www.bilibili.com/video/BV1Yb411a7ty?from=search&seid=10401211365557430754

    Processed: 0.013, SQL: 9