ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

【最详细的Hexo教程,没有之一】01 - 本地建立 Hexo 站点

2021-07-09 16:57:21  阅读:205  来源: 互联网

标签:教程 01 Hexo hexo 站点 Git 本地 安装


1. 效果展示 2. 安装Git、Nodejs、Hexo

Git

参考文章:【Git & Github】(二)Git简介及其安装

Nodejs

Nodejs可以从官网( https://nodejs.org/en )下载LTS版本:

安装之后检查一下是否正常输出版本信息:

Hexo

本文中所有的命令执行时,可以在Git bash中执行,但速度比较慢;如果要在cmd中执行,速度比较快,但要确保 git 已经添加到环境变量中!(即在cmd中执行 git --version 可以看到git版本信息)。

Hexo是一款快速简洁的博客框架,可以将 md 文档渲染为静态 HTML 页面,拥有非常多的主题和插件可以选择,安装过程如下:

npm install -g hexo-cli 

安装之后检查一下是否正常输出版本信息:

3. 创建站点

初始化站点文件夹

hexo init <floder>

使用该命令会将Github上Hexo源码和默认主题源码拉取到本地,该文件夹即为站点根目录

安装Hexo依赖模块

后续所有的命令都是在站点根目录执行的,所以在命令行中进入上一步Hexo创建的文件夹,:

cd <floder>

然后执行该命令,安装Hexo的依赖模块:

npm install

这样 Hexo 站点就成功创建啦!

本地启动站点服务

hexo s

使用该命令,Hexo会在本地4000端口启动Web服务,供浏览器访问:

访问本地站点

使用浏览器访问http://localhost:4000 即可:

本地启动和访问站点有什么用呢?

本地预览!

文章写好后,可以先在本地生成页面并启动服务,然后在浏览器中预览一下,确认没问题再推送到服务器上,方便很多。

修改站点配置

关于网站的所有自定义配置,都是在站点根目录下的_config.yml文件中配置,以后统称为站点配置文件

使用 VS Code 打开该文件,首先强调一下语法:

这里面的配置项非常多,后续我们都会讲,本文中先讲第一块配置:

这些配置项自己修改,一定要注意语法,修改之后进行如下操作:

  • 清除旧的生成页面
hexo clean
  • 生成新的HTML页面
hexo g

然后重新启动服务即可在本地看到效果:

hexo s

 

 

标签:教程,01,Hexo,hexo,站点,Git,本地,安装
来源: https://blog.51cto.com/u_13640625/3032154

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有