个站建设基础教程-程序员宅基地

什么是 Hexo

Hexo 是一个静态网站生成器，基于 Hexo 框架，可以生成自己想要的网站风格，以及网站内容，样式自己可以定义。

实战

环境准备

系统：win7 +


nodejs：http://nodejs.cn/download/


git-client：https://git-scm.com/download/

安装 Hexo

准备好以上环境后，就可以准备安装 Hexo 基本框架：

#安装基本框架
npm install -g hexo


#初始化hexo框架
hexo init


#安装所需要的组件
npm install


#编译生成静态页面
hexo g


#启动服务
hexo s

这是一个基本的 Hexo 原型，当然，Hexo 有许多 themes，官方地址：https://hexo.io/themes/index.html，本文实战用的是Ayer。可以先从github官网拉取相关themes的基础源码。

拉取源码后，在其根目录下，进行一些基本的安装组件操作：

组件

npm install [email protected] --save


npm install [email protected] --save


npm install hexo-renderer-stylus --save


#用于搜索
npm install hexo-generator-searchdb --save


#用于生成RSS订阅
npm install hexo-generator-feed --save


npm uninstall hexo-generator-index --save


#用于文章置顶
npm install hexo-generator-index-pin-top --save


#用于文章加密，具体参考 https://github.com/MikeCoder/hexo-blog-encrypt/blob/master/ReadMe.zh.md
npm install --save hexo-blog-encrypt


#音乐播放器
参考：https://github.com/MoePlayer/hexo-tag-aplayer/blob/master/docs/README-zh_cn.md

新建草稿文章

hexo new draft b

我们会在 source 下看见一个新的文件夹，_drafts，这个里面会装我们所有的草稿文件。

预览草稿

hexo server --draft

发布草稿

hexo publish b

新建正式文章

hexo new a

在 hexo 目录下的 source/_post 下生成 a.md

打开 a.md，可以编辑文章

生成页面文件

hexo generate


or


hexo g

生成页面

hexo new page about

这样直接在 source 下创建 about 目录，下面也会生成一个 index.md

启动服务

hexo server

以上关于 Hexo 的基本命令以及对应的功能操作介绍完了。

我们来看看我的网站吧：damon8.cn。

主页展示的是个人文章，这些对于 hexo 来说就是一个个页面：

在主页可以看到左侧的栏目，这些就是 hexo 的页面，比如：关于我：

由于上面我们还加入了搜索插件，所以，我们可以进行全文搜索：

当然，还有一些订阅模式，等等功能。

hexo 不管是页面也好，还是文章也好，都是通过 md 格式文件来生成静态页面的，所以看起来很简单。

其次，比较重要的是有一个文件中，可以配置各种开关或格式控制：

这个里面可以根据官网配置自己想要的功能，包括打赏：

到目前为止，基于 hexo 生成静态网站的主体就到此结束啦，欢迎大家关注个站哟：damon8.cn。

最后介绍新公号：天山六路折梅手，欢迎关注。

往期回顾

微服务自动化部署CI/CD

ArrayList、LinkedList 你真的了解吗？

基于 Sentinel 作熔断 | 文末赠资料

基础设施服务k8s快速部署之HA篇

今天被问微服务，这几点，让面试官刮目相看

Spring cloud 之多种方式限流（实战）

Spring cloud 之熔断机制（实战）

面试被问finally 和 return，到底谁先执行？

Springcloud Oauth2 HA篇

Spring Cloud Kubernetes之实战一配置管理

Spring Cloud Kubernetes之实战二服务注册与发现

Spring Cloud Kubernetes之实战三网关Gateway

关注公众号，回复入群，获取更多惊喜！公众号(程序猿Damon)里回复 ES、Flink、Java、Kafka、MQ、ML、监控、大数据、k8s 等关键字可以查看更多关键字对应的文章。

如有收获，点个在看，谢谢

本文链接：https://blog.csdn.net/wangsofa/article/details/108068037

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

c# 调用c++ lib静态库_c#调用lib-程序员宅基地

文章浏览阅读2w次，点赞7次，收藏51次。四个步骤1.创建C++ Win32项目动态库dll 2.在Win32项目动态库中添加外部依赖项 lib头文件和lib库3.导出C接口4.c#调用c++动态库开始你的表演...①创建一个空白的解决方案，在解决方案中添加 Visual C++ , Win32 项目空白解决方案的创建：添加Visual C++ , Win32 项目这......_c#调用lib

deepin/ubuntu安装苹方字体-程序员宅基地

文章浏览阅读4.6k次。苹方字体是苹果系统上的黑体，挺好看的。注重颜值的网站都会使用，例如知乎：font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, W..._ubuntu pingfang

html表单常见操作汇总_html表单的处理程序有那些-程序员宅基地

文章浏览阅读159次。表单表单概述表单标签表单域按钮控件demo表单标签表单标签基本语法结构<form action="处理数据程序的url地址“ method=”get|post“ name="表单名称”></form><!--method将表单中的数据传送给服务器处理，get方式直接显示在url地址中，数据可以被缓存，且长度有限制；而post方式数据隐藏传输，_html表单的处理程序有那些

PHP设置谷歌验证器（Google Authenticator）实现操作二步验证_php otp 验证器-程序员宅基地

文章浏览阅读1.2k次。使用说明:开启Google的登陆二步验证（即Google Authenticator服务）后用户登陆时需要输入额外由手机客户端生成的一次性密码。实现Google Authenticator功能需要服务器端和客户端的支持。服务器端负责密钥的生成、验证一次性密码是否正确。客户端记录密钥后生成一次性密码。下载谷歌验证类库文件放到项目合适位置(我这边放在项目Vender下面)https://github.com/PHPGangsta/GoogleAuthenticatorPHP代码示例://引入谷_php otp 验证器

【Python】matplotlib.plot画图横坐标混乱及间隔处理_matplotlib更改横轴间距-程序员宅基地

文章浏览阅读4.3k次，点赞5次，收藏11次。matplotlib.plot画图横坐标混乱及间隔处理_matplotlib更改横轴间距

docker — 容器存储_docker 保存容器-程序员宅基地

文章浏览阅读2.2k次。①Storage driver 处理各镜像层及容器层的处理细节，实现了多层数据的堆叠，为用户提供了多层数据合并后的统一视图②所有 Storage driver 都使用可堆叠图像层和写时复制（CoW）策略③docker info 命令可查看当系统上的 storage driver主要用于测试目的，不建议用于生成环境。_docker 保存容器

随便推点

网络拓扑结构_网络拓扑csdn-程序员宅基地

文章浏览阅读834次，点赞27次，收藏13次。网络拓扑结构是指计算机网络中各组件（如计算机、服务器、打印机、路由器、交换机等设备）及其连接线路在物理布局或逻辑构型上的排列形式。这种布局不仅描述了设备间的实际物理连接方式，也决定了数据在网络中流动的路径和方式。不同的网络拓扑结构影响着网络的性能、可靠性、可扩展性及管理维护的难易程度。_网络拓扑csdn

JS重写Date函数，兼容IOS系统_date.prototype 将所有 ios-程序员宅基地

文章浏览阅读1.8k次，点赞5次，收藏8次。IOS系统Date的坑要创建一个指定时间的new Date对象时，通常的做法是：new Date("2020-09-21 11:11:00")这行代码在 PC 端和安卓端都是正常的，而在 iOS 端则会提示 Invalid Date 无效日期。在IOS年月日中间的横岗许换成斜杠，也就是new Date("2020/09/21 11:11:00")通常为了兼容IOS的这个坑，需要做一些额外的特殊处理，笔者在开发的时候经常会忘了兼容IOS系统。所以就想试着重写Date函数，一劳永逸，避免每次ne_date.prototype 将所有 ios