Hexo如何快速搭建个人博客

2020-05-19 16:00:59来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

Hexo如何快速搭建个人博客

# 什么是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?

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

  • 执行命令
sudo yum install git-core
  • 查看是否安装完毕,若显示版本信息,表示安装成功
git --version
  • 配置用户名、邮箱
git config --global user.email "zhangviv@163.com"
git config --global user.name "vic"
  • ssh设置
ssh-keygen -t rsa -C "zhangviv@163.com"
cd /root/.ssh
  • 查看用户目录下是否有文件,并将id_rsa.pub内容加到github、gitee等工具的公钥配置里
id_rsa  id_rsa.pub  known_hosts

安装Node.js

  • 官网下载最新版本
    nodejs.png
  • 解压
tar -xvf  node-v12.16.3-linux-x64.tar.xz
  • 进入bin,查看是否安装成功
./node -v
  • node、npm创建软链接,执行命令
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下查看文件是否生成
node  npm
  • 再次查看软连接是否成功,如何显示版本,则node.js安装成功

node-v.png

安装Hexo

  • 所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo。
npm install -g hexo-cli
  • hexo创建软连接
ln -s /home/software/node-v12.16.3-linux-x64/bin/hexo /usr/local/bin/hexo
  • 创建博客文件夹,下载资源
mkdir blog
cd blog    
hexo init //会自动把资源文件下载好
  • 启动测试,输入localhost:4000,即可访问本地的博客测试地址
hexo s

Hexo常用命令

  • 清除缓存命令
hexo clean

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

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

  • 启动测试
hexo server

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

  • 生成静态文件
hexo g

全写命令是:

hexo generate
  • 部署网站
hexo d

全写命令是:

hexo deploy

原文链接:https://www.cnblogs.com/TechSnail/p/12918394.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:学习web前端方法心得,从基础到深度,才能学的扎实

下一篇:如何学好Web前端开发技术?前端学习路线是什么?