Hi!请登陆

Hexo安装教程

2020-11-7 1,213 11/7

开始搭建

  1. 因为 hexo 是基于 node 框架的,所以呢,我们首先需要下载安装node,下载地址:nodejs
  2. 安装完之后,我们打开命令窗口,输入 node -v ,如果返回下图所示,那么就说明你安装node成功了。
Hexo安装教程
  1. 安装成功后,我们在命令行窗口运行如下命令来安装hexo: npm install hexo-cli -g 复制代码
  2. 初始化博客目录: hexo init wistbean.github.io (这里的wistbean换成你自己的英文名) 复制代码
  3. 初始化完成后,我们就进入我们的目录: cd wistbean.github.io 复制代码
  4. 安装 npm install 复制代码
  5. clean一下,然后生成静态页面 hexo clean hexo g 复制代码

g 就是generate ,生成的意思

  1. 把你的网站运行起来 hexo s

s 就是server ,在服务器运行的意思

  1. 打开你的浏览器,输入 localhost:4000 。 自此,你的个人网站就这么速度的搭建起来了!
Hexo安装教程

让你的个人网站漂亮的 blingbling 的

修改你的网站中的个人信息

进入你的网站目录,打开 _config 文件,这个文件是用来配置你的网站信息的。

这里列出我的简单配置,具体可以看这个文档

        title: wistbean
        subtitle: 肯定会
        description: wistbean的个人博客,主要涉及到编程(Java,Python,Linux等),个人提升学习,视频教程,《肯定会软件技术》电台节目
        keywords: wistbean,肯定会,java,python,电台,教程
        author: wistbean
        language: zh
复制代码

选一个主题

刚搭建完的网站,是不是觉得有点丑,不符合你的漂亮的脸庞? 反正我是这么觉得的,那么就选一个主题来装饰一下吧,在这里可以选择你要的主题:hexo主题

下载主题

选择好了你的主题之后,就可以下载主题资源了,比如我这里选择一个 NEXT 主题来演示一下:

      git clone https://github.com/iissnan/hexo-theme-next
复制代码

这里主要就是将主题下载到我们的themes目录下。

如果你还不熟悉 Git 的使用的话,可以看看我之前的 Git 视频教程:代码托管Git的使用

配置主题

主题下载完之后,在你根目录下的 _config.yml 文件中,修改 theme 为你的主题名字:

      theme: next
复制代码

重新生成和运行

      hexo g
      hexo s
复制代码

访问一下看看,是不是比之前好看多了?

Hexo安装教程

写上你的第一篇博客文章,打上标签和分类

你已经把你的网站打扮的漂亮大方简洁惹人爱了,那么接下来就要好好去写内容了,内容才是重要的。

两种方式来新建你的博文

命令形式

在你的blog目录下使用如下命令:

      hexo new article (这里的article写上你的文章的名称)
复制代码

输入这样的命令之后你的source/_posts下就会生成一个 article.md 文件,在这个文件下就可以写上你的博客内容了。用 Markdown 的语法去写。

直接新建方式

直接点的方式就是直接在source/_posts新建一个 Markdown 文件,其实和命令形式是一个道理,只不过命令形式用了命令来创建。推荐使用命令的方式,毕竟 Geek 一点。

给你的文章打上标签

打标签能让你的文章方便检索。

打开标签功能:

    hexo new page tags
复制代码

这时候你的source/下生成 tags/index.md 文件,我们将其打开,然后把它改成:

    type: "tags"
    comments: false
复制代码

这时候你要为你的文章打上标签就可以在文章的头部写上:

    tags:
        - Tag1
        - Tag2
        - Tag3
复制代码

给你的文章添加分类

分类,归档,是你博客的特性之一。

打开分类功能:

      hexo new page categories
复制代码

这说你的source目录下生成 categories/index.md 文件,我们将其打开,把它改成:

      type: "categories"
      comments: false
复制代码

这时候你就可以给你的文章归类存档了,使用方式就是在你的文章的头部加上:

      categories:
               - 分类1
               - 分类2
复制代码

注意:标签和分类要确定你的配置文件 _config.yml 是否有打开了 tag_dir: tags 和 category_dir: categories。另外,Markdown 的语法是写作最优雅最简洁最简单的,如果之前没用过的建议去学一下Markdown 语法说明,一般一个钟左右就能掌握。因为它和HTML那样简单。

相关推荐