Hexo编译静态资源生成博客图文教程

  • 一、前提
    • 1、node环境
  • 二、安装
    • 1、初始化
    • 2、运行

一、前提

1、node环境

  • 首先,安装 nodejs, 因为Hexo是基于 Node.js 驱动的一款博客框架,相 Jekyll 框架更快更简洁。
    参考这篇博客:nodejs安装图文教程

二、安装

以上环境准备好了就可以使用 npm 开始安装 Hexo 了。
也可查看Hexo的详细文档 官网文档

1、初始化

新建一个目录 例如 D:\blog 在目录内, 鼠标右键 选择 git bash here 打开git命令窗口

依次执行以下命令:

nmp install -g hexo-clihexo init npm install

主要目录如下:

.
├── _config.yml <span class="hljs-comment"># 网站的配置信息,您可以在此配置大部分的参数。 </span>
├── package.json
├── scaffolds <span class="hljs-comment"># 模版文件夹</span>
├── <span class="hljs-built_in">source</span>  <span class="hljs-comment"># 资源文件夹,除 _posts 文件,其他以下划线_开头的文件或者文件夹不会被编译打包到public文件夹</span>
|   ├── _drafts <span class="hljs-comment"># 草稿文件</span>
|   └── _posts <span class="hljs-comment"># 文章Markdowm文件 </span>
└── themes  <span class="hljs-comment"># 主题文件夹</span></code>

效果如下:

2、运行

好了,如果上面的命令都没报错的话,就恭喜了,运行 hexo s 命令,其中 s 是 server 的缩写,在浏览器中输入

hexo s

效果如下:

此时,本地博客就已经搭建完成了,接下来部署到GitHub Page 就可以了。

Hexo编译静态资源生成博客图文教程相关推荐

  1. 猿创征文|Hexo+Github搭建完全免费个人博客详细教程

    前言 完全免费的搭建个人博客,没有任何收费,零基础也能上手,不需要编程基础,跟着操作来即可. 首先: 要了解一下我们搭建博客要用到的框架:Hexo是高效的静态站点生成框架,它基于Node.js.通过H ...

  2. 使用 hexo+melody 主题搭建个人博客

    前言 ​ 本文介绍的是使用 GitHub Pages + Hexo 博客框架 + Melody 主题搭建个人博客,由于是第一次写博客如果文章中有什么不足请多见谅. 使用 GitHub Pages 当服 ...

  3. 零基础免费通过hexo+github快速搭建个人博客(超详细图解+B站视频讲解资源)

    我的个人博客效果预览​https://furfur-jiang.github.io/ 加载可能会比较慢,因为是挂载到github上的 样式基于hexo-theme-matery主题 ,这个主题我特别喜 ...

  4. 基于Hexo的matery主题搭建博客并深度优化

    本文转自 悟尘纪,获取更新内容可查看原文: https://www.lixl.cn/2019/092856736.html 对于有一定技术背景的同学,自己动手搭建博客网站是一个很不错的选择.选择喜欢的 ...

  5. 【基础】利用 hexo + Gitpage 开发自己的博客

    原文作者:cherry 原文地址:[基础]利用 hexo + Gitpage 开发自己的博客 进入程序员这个坑之后就开始自己在网上扒资料,然而资料太多,情况太复杂,主要是看见别人的博客,感觉好高大上, ...

  6. hexo 环境变量_小白使用 Github + Hexo 从 0 搭建一个博客

    最近有几位同学在公众号后台留言问我的博客站是怎么建站的,思来想去,还是写一篇从 0 开始吧. 前置准备 我们先聊一下前置准备,可能很多同学一听说要自己搭一个博客系统,直接就望而却步.不得有台服务器么, ...

  7. 使用hexo+yilia+github搭建个人博客

    本人搭建博客地址: http://www.janszeng.top/ 经过几天的折腾,终于配成功了,现记录如下,本人是在win7上搭建个人博客的. 直奔主题,搭建个人博客主要分为以下几步: * 先查看 ...

  8. Windows下使用GitHub Pages搭建hexo博客详细教程以及Next主题超全配置

    根据下面的教程搭建的博客见这里 前言 马上要进入研究生了,不能再过浑浑噩噩的日子了,搭建一个小网站,用于记录自己所学的东西.其实,之前在腾讯云1元乞丐版上也搭建过博客,但是呢,只用来扯淡了.这次使用 ...

  9. Hexo+Github+Vscode搭建个人博客内含添加图片和更换主题

    本文导航 0. 环境配置 1. 连接GitHub 2. 创建Github Pages仓库 3. 本地安装Hexo博客程序 4. Hexo初始化和本地预览 博客目录结构 5. 部署Hexo到Github ...

最新文章

  1. Oracle单机版开机自启动
  2. 使用QCustomPlot绘图的基础
  3. 依赖倒置原则_设计模式之SOLID原则
  4. POI生成Web版Word文件
  5. android app resign之后安装提示INSTALL_PARSE_FAILED_NO_CERTIFICATES的解决办法
  6. SSRF libcurl protocol wrappers利用分析
  7. 图片复印如何去除黑底_手机拍的文字图片,打印出来都是灰底黑字,怎样才能变成白底黑字?...
  8. python中字节(bytes)是如何转换成整型(long)的?
  9. 标准功能模块组件 -- 内部联络单组件,内部邮件组件,提高多人异地协同办公效率
  10. COMPILATION ERROR
  11. 【ubuntu操作系统入门】系统输入法设置
  12. python3实现斐波那契数列--4种方法
  13. 【程设作业】魔兽世界三:开战
  14. 电子护照阅读器|证件阅读机MEPR100+与MEPR100性能分析与差异化对比
  15. Fiddler手机抓包,及HTTPS协议抓包【手机如何安装fiddler证书,以华为为例】
  16. 在阿里云购买云服务器并安装宝塔面板
  17. 微信公众号运营,如何编辑好的文案吸引粉丝
  18. 为什么GSM下行的频率要比上行的频率高呢
  19. 华为面试题(西安研究所)
  20. android 请求大量数据处理,Android大量数据加载—Paging的使用

热门文章

  1. modal组件 vue_vue 自定义modal 模态框组件
  2. Google Code Jam 2014 -- C
  3. 一文搞懂ETL和ELT的区别
  4. ORCAD元件属性白色区域和黄色区域的理解
  5. 50 Three.js让模型或者group居中,获取模型的最小大小
  6. 1003. Universal Travel Sites (35)解题报告
  7. Matlab实现绘制圆柱体
  8. 用scrapy爬取股票行情
  9. 自定义类型:结构体,枚举,联合
  10. 五种IO模型和nginx的web模块