当前位置:首页 > 技术分析 > 正文内容

3.4万 Star,一款博客框架_博客搭建

ruisui883个月前 (02-05)技术分析26

前言

大家好,今天推荐一款能快速构建博客的框架 Hexo,此项目在github上星星数目前是3.4万多。Hexo 阿宏也使用了三四年了,无论是作为个人笔记、分享、创作都是极其便捷高效的。

Hexo 特点

  1. 由Node.js开发。
  2. 支持Markdown以及大部分Octopress插件。
  3. 一键部署到Github、Heroku。
  4. 强大的API扩展。
  5. 支持非常多的主题以及插件。

Hexo 使用

  1. 安装Hexo
npm install hexo-cli -g

如果是mac用户,可以使用brew进行安装

brew install hexo
  1. 初始化项目
brew install hexo

项目结构如下:

  1. 新建文章

如果想新建一篇blog,那么就可以在项目根目录下执行如下命令即可,

hexo new "文章名"

在source/_posts文件夹中会看到一个‘文章名.md’文件和一个文章名命名的文件夹,这时你只需编辑这个md文件即可,该文件最开始如下编辑,tags为你的名字,categories为文章所属分类。

---
title: kubernetes
date: 2022-04-24 17:06:06
categories: 云原生
tags: hexo
---

如需在文章中插入图片,则需将图片拷入以文章名命名的文件夹中,并在博文要插入图片的地方通过以下方式引入:

{% asset_img 图片名.png 图片标题 %}
  1. 启动服务

当创作完文章时,如果想要本地浏览,只需执行hexo server。

hexo server


安装next主题

Hexo安装好后默认主题是landscape,当然也可以安装其他主题,这里以安装next主题示例。

下载next 主题,https://theme-next.org/

git clone https://github.com/theme-next/hexo-theme-next themes/next

修改hexo根目录里的配置文件_config.yml中的主题设置

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next

next根目录下也会有一个_config.yml文件,是next的配置文件,next有四种scheme:Muse,Mist,Pisces,Gemini,我们采用Gemini。配置好后,运行hexo。

# Schemes
#scheme: Muse
#scheme: Mist
#scheme: Pisces
scheme: Gemini

效果展示

ps:动图,网速慢的小伙伴可以稍等片刻~~

Hexo 项目地址

https://github.com/hexojs/hexo

大家可以自己建站并通过 Hexo 来部署自己的Blog。

对于网站证书,大家可以参考阿宏之前的文章可以申请到永久免费的 SSL 证书。

往期推荐

教你如何申请永久免费 SSL 证书

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/1698.html

标签: 技术博客
分享给朋友:

“3.4万 Star,一款博客框架_博客搭建” 的相关文章

编码 10000 个小时后,开发者悟了:“不要急于发布!”

【CSDN 编者按】在软件开发的道路上,时间是最好的老师。根据“一万小时定律”,要成为某个领域的专家,通常需要大约一万小时的刻意练习。本文作者身为一名程序员,也经历了一万小时的编程,最终悟出了一个道理:慢即是快,重视架构设计和代码质量,确保每一行代码都经得起时间的考验。作者 | Sotiris Ko...

抖音 Android 性能优化系列:启动优化实践

启动性能是 APP 使用体验的门面,启动过程耗时较长很可能使用户削减使用 APP 的兴趣,抖音通过对启动性能做劣化实验也验证了其对于业务指标有显著影响。抖音有数亿的日活,启动耗时几百毫秒的增长就可能带来成千上万用户的留存缩减,因此,启动性能的优化成为了抖音 Android 基础技术团队在体验优化方向...

博信股份新战略后再推新品 TOPPERS E2耳机售价199元

中新网6月21日电 20日,博信股份在北京正式推出新品TOPPERS主动降噪耳机E2,这是博信股份继2月战略暨新品发布会后的第二次新品亮相。价格方面,TOPPERS主动降噪耳机E2零售价199元,并于6月20日下午4点在京东商城公开销售。据介绍,TOPPERS主动降噪耳机E2采用AMS(奥地利微电子...

Gemini应用在Android上广泛推出2.0闪电模式切换器

#头条精品计划# 快速导读谷歌(搜索)应用的测试频道在安卓设备的双子应用中推出了2.0闪电实验功能,现已向稳定用户开放。双子应用通过谷歌应用运行,目前推出的15.50版本中,用户可通过模型选择器体验不同选项,包括1.5专业版、1.5闪电版和2.0闪电实验版。2.0闪电实验模型提供了更快的响应速度和优...

学前端,这30个CSS选择器,你必须熟记

你学会了基本的id,class类选择器和descendant后代选择器,然后就觉得完事了吗?如果这样,你就会错过许多灵活运用CSS的机会。虽然本文提到的许多选择器都属于CSS3,并且只能在现代的浏览器中使用,但学会这些是大有好处的。什么是CSS选择器呢?每一条css样式定义由两部分组成,形式如下:[...

12种JavaScript中最常用的数组操作整理汇总

数组是最常见的数据结构之一,我们需要绝对自信地使用它。在这里,我将列出 JavaScript 中最重要的几个数组常用操作片段,包括数组长度、替换元素、去重以及许多其他内容。1、数组长度大多数人都知道可以像这样得到数组的长度:const arr = [1, 2, 3]; console.log(a...