您的位置: 首页  >  文章  >  hexo搭建个人博客

hexo搭建个人博客

分类: 文章 • 2022-11-03 18:30:32

搭建所谓的个人博客，其实是瞎玩的，刚好有个域名，又刚好没事干，就弄个玩玩，之前其实用过wordpress,可是还得要服务器，作为一个非专业的专业程序猿，还是用hexo吧，用github就可以，省钱。。。。

博客的搭建大概分为以下几个步骤：
① Node.js 的安装和准备，我觉得用镜像文件.msi安装比较好，不用配置，用.zip安装，我出现了npm配置问题，比较菜
② git的安装和准备，以及github账户的配置
③ hexo的安装
④ 选主题，配置域名，或者添加评论转发功能啥的
⑤ 写md文章，开始装逼

  1. 安装Git Bash
    Git就使用Git Bash，弄个简单的博客，没必要linux，所以下载windows版本并安装就可以了。
    ● 下载地址
    ● 安装步骤：双击下载好的exe文件，一路next就好啦
    ● 安装好后，打开gitbash，查看版本：
    ○ 命令：git version
    hexo搭建个人博客

  2. 安装NodeJs
    Hexo是基于nodeJS环境的静态博客，里面的npm工具很有用啊，所以还是老老实实把这玩意儿装了吧
    ● 下载地址
    ● 安装步骤：反正下载好msi文件后，双击打开安装，也是一路next，不过在Custom Setup这一步记得选 Add to PATH ,这样你就不用自己去配置电脑上环境变量了，装完在按 win + r 快捷键调出运行，然后输入cmd确定，在cmd中输入path可以看到你的node是否配置在里面（环境变量），没有的话你就自由发挥吧。
    ● 查看版本：
    ○ 命令：node -v
    hexo搭建个人博客

  3. 安装hexo
    ● 在自己认为合适的地方创建一个文件夹，这里我以E：/hexo 为例子讲解，首先在E盘目录下创建Hexo文件夹，并在命令行的窗口进入到该目录
    hexo搭建个人博客

    ● 安装hexo命令：npm i -g hexo
    ● 安装完成后，查看版本：
    hexo搭建个人博客
    ● 执行初始化命令：hexo init ，初始化完成之后打开所在的文件夹可以看到以下文件：
    ● 再执行 npm install
    hexo搭建个人博客
    ● 解释一下：
    ○ node_modules：是依赖包
    ○ public：存放的是生成的页面
    ○ scaffolds：命令生成文章等的模板
    ○ source：用命令创建的各种文章
    ○ themes：主题
    ○ _config.yml：整个博客的配置
    ○ db.json：source解析所得到的
    ○ package.json：项目所需模块项目的配置信息

  4. 连接github
    ● 新建账号，建一个名字为*。github.io的仓库，和本地git关联起来，哦了
    hexo搭建个人博客

  5. 配置
    ● 用编辑器打开你的blog项目，修改_config.yml文件的一些配置(冒号之后都是有一个半角空格的)：
    deploy:
    type: git
    repo: https://github.com/YourgithubName/YourgithubName.github.io.git
    branch: master

    ● 回到gitbash中，进入你的blog目录，分别执行以下命令：
    hexo clean
    hexo generate（hexo g）
    hexo server（hexo s也可以）

    注：hexo 3.0把服务器独立成个别模块，需要单独安装：npm i hexo-server。
    ● 打开浏览器输入：http://localhost:4000,就可以看到hexo博客首页了

  6. 上传到github
    ● 先安装一波：npm install hexo-deployer-git –save（这样才能将你写好的文章部署到github服务器上并让别人浏览到）
    ● 执行命令(建议每次都按照如下步骤部署)：
    hexo clean
    hexo generate
    hexo deploy

    ● 在浏览器中输入http://yourgithubname.github.io就可以看到你的个人博客啦

  7. 绑定个人域名
    ● 不想绑定的自行忽略
    ● 在项目的source文件夹下新建一个名为CNAME（没有后缀名）的文件，在里面添加你购买的域名www.xxx.com
    ● 解析域名，如下
    hexo搭建个人博客

    ● 接着再次部署一下，用你购买的域名打开，就可以看到你的博客啦

  8. 修改及配置主题
    ● hexo初始化之后默认的主题是landscape , 然后你可以去这个地址里面找到你想要的主题。在github中搜索你要的主题名称，里面都会有该主题的如何使用的介绍，按着来就好了，反正就是改改改

    ● 跟该主题相关的配置在themes/hueman/_config.yml里面,然后根据你的需要在这配配配就行了。

  9. 写文章发布
    使用****网上面提供的MarkDown编辑器 http://write.blog.****.net/mdeditor ，写好文章后，找到菜单栏的“导出到本地”选项
    hexo搭建个人博客

    以md格式导出到本地，然后copy该md文件，粘贴到你当初建的博客站点文件夹下的source\ _posts目录下，一个md文件对应一篇博客文章。
    接着在你博客站点文件夹下右键空白处，选择Git Bash Here，输入：hexo generate，回车，生成静态页面，
    再输入：hexo server，回车，到localhost:4000预览博客效果，
    最后输入：hexo deploy，回车，同步到github上去就行了。

    参考：这哥们写的很好，我都是照着做的，傻瓜式
    https://www.cnblogs.com/visugar/p/6821777.html

相关推荐