『教程』使用Gitee+Hexo搭建个人博客的安装及使用教程
侧边栏壁纸
    love love love

  • 累计撰写 47 篇文章
  • 累计收到 939 条评论

『教程』使用Gitee+Hexo搭建个人博客的安装及使用教程

六六丶
2021-02-22 / 4 评论 / 132 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2021年03月27日,已超过184天没有更新,若内容或图片失效,请留言反馈。

一、前言

二、为什么用hexo+码云搭建

  1. 我感觉搭建博客最简单的方法就是,在一个服务器上面去搭建,比如说阿里云,腾讯云等等,我们只需要在服务器的文件系统上传压缩包并解压,用测试域名就可以看到效果了,但是现在服务器都是收费的,从理想的角度来考虑,当然要选择一个可以长期使用而且不收费的服务器
  2. 之所以我们选择码云,因为码云上有gitee pages(免费的静态网页托管服务),目前码云支持Jekyll、Hugo、Hexo编译静态资源
  3. 而且hexo基于Node.js实现的,而且目前主流的vue前端一般都是使用npm或者yarn来跑项目,因此使用hexo搭建博客比较简单

三.hexo 本地博客搭建

这里我以windows系统为例,因为我条件限制,希望理解

1. 准备

首先需要下载安装两个软件,去官网下载一下node.js和 git,如何git 下载比较慢的话,在下面说码云使用教程模块,也有下载链接

  1. node.js下载
  2. git下载

2.Node.js 的安装配置

下载完 node.js 进行安装就可以了。

3.hexo 的安装

接下来我们安装hexo,直接在桌面右键,选择Git Bash Here,打开git 命令,执行如下命令安装全局Hexo

$ npm install hexo-cli -g

4.初始化项目文件

在准备放项目文件的目录,可以通过windows的cmd终端或者git bash 执行如下的命令. //注意:blog为项目的文件夹名可自定义

$ hexo init blog

执行命令就会开始下载文件,下载后会出现以下目录
ml

5.本地测试项目

输入常用的hexo 命令进行本地的测试

$ hexo clean  //清空已经存在的hexo网站文件
$ hexo generate(可简写g)  //生成网站文件
$ hexo server(可简写为s)  //启动本地服务器

我们先 输入 hexo g 生成网站文件

sc

然后再输入 hexo s 启动本地服务器,然后在浏览器输入 http://localhost:4000 就能看到样式内容了

demo
到这里本地测试就结束了,关键要放在服务器上面,本地测试适用于一边修改代码、一边刷新网页查看修改好的样子

四.码云部署

1. 注册码云

首先需要注册码云的账号,然后在创建一个仓库,这里初次使用码云的话可以,先看一下码云入门

2. 官网注册

可以直接进入码云官网:https://gitee.com/ 都是中文一看就会的那种

3. 创建仓库

特别要注意这里有个大坑:仓库名称,使用语言(JavaScript),访问权限(公开)
ck

4. 获取仓库地址

dz

5. 修改配置文件

在blog主目录下找到 _config.yml 打开进行配置,在代码的最底下修改

deploy:
  type: git
  repo: https://gitee.com/×××/×××.git  #仓库地址
  branch: master
  massage: #自定义提交消息

6. 开始部署

输入以下命令

npm install hexo-deployer-git --save  //先安装deployer
hexo g  //生成网站文件
hexo d  //上传到远程在码云上新建的仓库
//也可以采用一键部署
hexo g --d

7. 开启pages功能

kq
这样我们就可以点击生成的域名来看我们搭建的效果了 https://aill.gitee.io

五.博客使用

1.编写文章

方法一

通过命令来实现

hexo new hello  //hello 为博客的文件名

同时会在 根目录下 /source/_posts 目录下生成hello.md

方法二

手动到根目录下 /source/_posts 目录下,创建一个 makedown 文件进行编写就可以了
文件开头可以参考这里来写

---
title: file_name
tag: 标签名
categories: 分类
comment: 是否允许评论(true or false)
description:描述
---
文章的正文部分,可以参考markdown 语法格式来写

2.发布文章

还是使用命令,推送到gitee上

hexo g --d
  • 推送成功之后,去观察码云的远程仓库,md格式的文件会自动生成到对应的目录,并且转化成html格式
  • 然后浏览创建好的网站,如果发现没有找到发布的文章,就到码云的page服务,去更新 进入自己的网站后,如果没有变化,可以按 F5
  • 刷新网站,刷新没有用的话,清空一下浏览器缓存就可以了

六.参考文献

hexo+gitee(码云)搭建个人博客避开所有坑

0

打赏

评论 (4)

取消
  1. 头像
    白嫖
    Windows 10 · Google Chrome

    这个搭建的没有后台吧,写文章有点费劲啊表情

    回复
    1. 头像
      六六丶 作者
      Windows X64 · Google Chrome
      @ 白嫖

      确实,每次更新都要重新上传一次,比较麻烦,但是作为一个可以白嫖的静态博客,还是不错的

      回复
      1. 头像
        白嫖
        Windows 10 · Google Chrome
        @ 六六丶

        页脚访问人数是怎么弄得,友盟+代码??,咋放到这个主题上,

        回复
        1. 头像
          六六丶 作者
          Windows 7 · Google Chrome
          @ 白嫖

          访问人数我用的卜蒜子统计,代码直接百度就可以了!

          友链可以直接到友人帐申请哦!

          回复