10

Hexo 如何快速搭建个人博客

 3 years ago
source link: https://geekvic.top/post/e48abe66.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

什么是 Hexo?

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

  1. Node.js 所带来的超快生成速度,让上百个页面在几秒内瞬间完成渲染。
  2. Hexo 支持 GitHub Flavored Markdown 的所有功能,甚至可以整合 Octopress 的大多数插件。
  3. 只需一条指令即可部署到 GitHub Pages,Gitee Pages, Heroku 或其他平台。
  4. 强大的 API 带来无限的可能,与数种模板引擎(EJS,Pug,Nunjucks)和工具(Babel,PostCSS,Less/Sass)轻易集成

如何安装?

安装 Hexo 前需要先安装 Node.js 和 Git,支持 windows、Mac、Linux 安装,本文主要介绍在如何在 Linux 上安装

安装 Git

1
sudo yum install git-core

查看是否安装完毕,若显示版本信息,表示安装成功

1
git --version

配置用户名、邮箱

1
2
git config --global user.email "[email protected]"
git config --global user.name "vic"

ssh 设置

1
2
ssh-keygen -t rsa -C "[email protected]"
cd /root/.ssh

查看用户目录下是否有文件,并将 id_rsa.pub 内容加到 github、gitee 等工具的公钥配置里

1
id_rsa  id_rsa.pub  known_hosts

安装 Node.js

官网下载最新版本

nodejs.png
1
tar -xvf  node-v12.16.3-linux-x64.tar.xz

进入 bin,查看是否安装成功

1
./node -v

node、npm 创建软链接,执行命令

1
2
ln -s /home/software/node-v12.16.3-linux-x64/bin/node /usr/local/bin/node  
ln -s /home/software/node-v12.16.3-linux-x64/bin/npm /usr/local/bin/npm

进入 /usr/local/bin 下查看文件是否生成

1
node  npm

再次查看软连接是否成功,如何显示版本,则 node.js 安装成功

node-v.png

安装 Hexo

所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo。

1
npm install -g hexo-cli

hexo 创建软连接

1
ln -s /home/software/node-v12.16.3-linux-x64/bin/hexo /usr/local/bin/hexo

创建博客文件夹,下载资源

1
2
3
mkdir blog
cd blog
hexo init //会自动把资源文件下载好

启动测试,输入 localhost:4000,即可访问本地的博客测试地址

1
hexo s

Hexo 常用命令

清除缓存命令

1
hexo clean

清除缓存文件 (db.json) 和已生成的静态文件 (public)。

在某些情况(尤其是更换主题后),如果发现您对站点的更改无论如何也不生效,您可能需要运行该命令

1
hexo server

启动服务器。默认情况下,访问网址为: http://localhost:4000/。

生成静态文件

1
hexo g

全写命令是:

1
hexo generate
1
hexo d

全写命令是:

1
hexo deploy

Recommend

  • 4

    从零开始利用 hexo + Github/Coding 搭建个人博客 发表于 2015-08-15...

  • 2

    或许个人博客的高潮已经过去。但随着服务的成熟,搭建一个属于自己畅所欲言的空间不再是一件麻烦事。如果十年前建站需要主机、域名、CMS 平台(如 Wordpress)等基础,现在或许你只需要记住两三条命令,在本地就能生成好一个网站目录,部署到 GitHub Page 即可...

  • 4
    • chinomars.github.io 2 years ago
    • Cache

    基于Hexo和github page搭建个人博客

    倒腾过好几次个人主页,但个人原创文章并不多,总是要么在换模板的路上,要不就是在换框架的路上,终于乐此而疲了。这次换个人主页之后还是要静下心来多写文章才是。这篇文章用于答谢Hexo和Archer主题的作者,hexo是到目前为止用过的最好用的博客框架,archer主...

  • 6
    • blog.diqigan.cn 2 years ago
    • Cache

    使用 GitHub + Hexo 搭建个人博客

    使用 GitHub + Hexo 搭建个人博客 发表于 2017-08-19...

  • 5
    • ljason.cn 2 years ago
    • Cache

    个人博客搭建3——hexo

      其实在很久以前我的博客就改用 hexo 了,现在就来说说怎么装。   第一步还是安装 gcc: apt-get install gcc g++ 安装 node  安装 node,

  • 3
    • drrany.github.io 2 years ago
    • Cache

    GithubPages+Hexo搭建个人博客记录

    记录一下简单流程和出现的问题。 本文基本上是一个基本步骤的记录,没有太多的讲解,如果希望了解更多原理性知识,推荐阅读文章末尾的链接。 提示:部分网上很多的安装教程基本都进行了简略,以后闲的话可能会补一下(flag插好_(:...

  • 5
    • sunct.github.io 2 years ago
    • Cache

    使用HEXO与Github.io搭建个人博客

    使用HEXO与Github.io搭建个人博客HEXO是基于Node.JS的一款简单快速的博客框架,能够支持多线程,支持markdown,可以将生成的静态网页发布到github.io以及coding上。 一、安装Node.js 关于Node.js的安装,在此就不再多费笔墨,没有安装...

  • 3
    • tianyijian.github.io 2 years ago
    • Cache

    Hexo + Github 搭建个人博客

    Hexo + Github 搭建个人博客 发表于 ...

  • 2

    基于 Hexo 从零开始搭建个人博客(五) 有些效果无法在...

  • 1
    • bvxie.github.io 1 year ago
    • Cache

    Hexo+Github搭建个人博客

    Hexo+Github搭建个人博客 | 一个Hexo博客

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK