• 111861

    文章

  • 803

    评论

  • 12

    友链

  • 最近新加了换肤功能,大家多来逛逛吧~~~~
  • 喜欢这个网站的朋友可以加一下QQ群,我们一起交流技术。

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前需要先安装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

695856371Web网页设计师②群 | 喜欢本站的朋友可以收藏本站,或者加入我们大家一起来交流技术!

0条评论

Loading...


自定义皮肤 主体内容背景
打开支付宝扫码付款购买视频教程
遇到问题联系客服QQ:419400980
注册梁钟霖个人博客