tmwv6-fqaaa-aaaad-qfi3a-cai.icp0.io Open in urlscan Pro
2a00:fb01:400:200:5000:5aff:fef2:9428  Public Scan

URL: https://tmwv6-fqaaa-aaaad-qfi3a-cai.icp0.io/posts/10a098ec.html
Submission: On January 18 via api from US — Scanned from GB

Form analysis 0 forms found in the DOM

Text Content

一只鬆的博客
建立一个Hexo站点 | 一只鬆的博客
文章
 * 隧道
 * 分类
 * 标签

友链
 * 友人帐

我的
 * 追番页

关于
 * 关于本人

0



建立一个HEXO站点

发表于2023-02-16|更新于2023-02-17|建站实践
|阅读量:62


It has been 701 days since the last update, the content of the article may be
outdated.


前言:

现在市面上的博客站很多,比如说:CSDN,博客园、简书、掘金、知乎、小红书等等。

这些博客的优势是可以直接在上面发表博客,用户交互相对不错,支持的写作语言也足够多(Md与Html都有兼容),因为站点SEO权重不错,搜索引擎文章爬取速度也很快,百度也能够很快爬取搜索到博客。缺点是容易受到平台的各种限制以及各种位置上恶心的广告。

而我们选择自己购买域名和服务器,相对来说成本就有些略高,不光是说这些购买成本,单单是花力气去自己搭这么一个网站,还要定期去维护它,对于我们大多数人来说,实在是没有这样的精力和时间花在建设维护上(Hexo建设前期其实也略麻烦,但胜在无服务器,后期维护省劲)

而这个时候,Hexo就成为了一个不错的选择,它具有以下优势:

 1. 纯静态文件,站点打开速度快
 2. 不依赖服务器,可以部署在Github,Gitlab等代码托管平台,也可以部署在Serverless环境,例如Vercel,Netlify,腾讯云COS(并不免费)
    等一类平台
 3. 内容批量修改十分方便。我们可以直接在编辑器全局替换就行(在线编辑器不一定),站点不依赖数据库更新数据。
 4. 免费开源,快速部署。你可以在几分钟内就快速在本地构建生成一个Hexo站点。

Hexo官方简介:

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。


安装HEXO依赖环境:

(如果说你不想用传统部署或者不会,可以划到下面的从仓库部署方式,但我们不推荐这样部署,会对日后安装主题与插件维护更新造成很大的困扰)

首先我们要在我们本地设备(电脑与手机)先安装Hexo需求的依赖环境:

 * Node.js (Node.js 版本需不低于 10.13,建议使用 Node.js 12.0 及以上版本)
 * Git

安装GIT环境:

 * Windows:下载并安装 git.
 * Mac:使用 Homebrew, MacPorts 或者下载 安装程序。
 * Linux (Ubuntu, Debian):sudo apt-get install git-core
 * Linux (Fedora, Red Hat, CentOS):sudo yum install git-core
 * Android Termux(一般为Arm64,对于中国大陆地区用户,推荐先更换为国内镜像源):pkg install git

安装 NODE.JS环境:

Node.js 为大多数平台提供了官方的 安装程序。对于中国大陆地区用户,可以前往 淘宝 Node.js 镜像 下载。

其它的安装方法:

 * Windows:通过 nvs(推荐)或者 nvm 安装。
 * Mac:使用 Homebrew 或 MacPorts 安装。
 * Linux(DEB/RPM-based):从 NodeSource 安装。
 * Android Termux :pkg install nodejs
 * 其它:使用相应的软件包管理器进行安装,可以参考由 Node.js 提供的 指导。

对于 MAC 和 LINUX 同样建议使用 NVS 或者 NVM,以避免可能会出现的权限问题。


安装HEXO:

在我们准备好依赖环境以后,就可以开始安装Hexo了

 * 所有必备的应用程序安装完成后,即可使用 npm 安装 Hexonpm install -g hexo-cli

如此,你就安装完成了,如果遇到了问题,可尝试查看Hexo官方文档以获得解决方案https://hexo.io/zh-cn/docs/index.html


从仓库部署HEXO(不推荐)

如果说你没有美化与插件升级需求或者不想在本地安装Hexo环境(或者太菜了),可以从代码平台仓库快速fork复制部署博客环境(然后你就可以跳过下面的传统部署教程)

个人仓库:Github仓库(本身是针对Netlify+CMS的,但你依然可以把source目录admin文件夹删掉,然后装作不知道这是针对Netlify的,该仓库主题是基于Fluid的,还是很不错的MD主题的)


生成一个HEXO站点:

接下来初始化一下hexo

bash


1


hexo init myblog


这个myblog可以自己取什么名字都行,然后输入如下指令:

bash


1
2


cd myblog //进入这个myblog文件夹
npm install


等待构建完成后,输入如下指令启动博客,你可以在https://localhost:4000找到博客

bash


1
2


hexo g
hexo server


这样你就构建完成了,出于时间关系,后续教程我会尽快补充,有疑问可以在评论区留言咨询,转载此文章请注明出处,谢谢。

原创建立一个Hexo站点
文章作者: 一只鬆
文章链接: https://yzsong06.github.io/posts/10a098ec.html
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 一只鬆的博客!
上一篇
国内外免费域名DNS解析个人推荐
下一篇
国内外域名购买个人观点

--------------------------------------------------------------------------------

评论
匿名评论
你无需删除空行,直接评论以获取最佳展示效果
Nickname
Email
Website
0/500

Preview Send
0 comments
No comment
Load more

Powered by Twikoo v1.6.11
Twikoo Management Panel
Password
Sign in

早上好👋!我是


一只鬆

这有关于个人对建站,前端,技术相关的问题和看法。
相信你可以在这里找到对你有用的知识和教程。
了解更多

目录
 1. 1. 前言:
 2. 2. 安装Hexo依赖环境:
    1. 2.0.0.1. 安装Git环境:
    2. 2.0.0.2. 安装 Node.js环境:
    3. 2.0.0.3. 对于 Mac 和 Linux 同样建议使用 nvs 或者 nvm,以避免可能会出现的权限问题。

3. 安装Hexo:4. 从仓库部署Hexo(不推荐)5. 生成一个Hexo站点:
最新文章
Hexo使用Github Action实现持续集成2023-04-19
博客镜像站2023-04-10
有关高木圈囤域名用途之事的回应2023-03-15
国内高速静态资源CDN汇总2023-03-14
国外免费静态托管平台个人分析与推荐2023-02-19
©2022 - 2023 By 一只鬆




100%
文章
17
标签
2
分类
3

--------------------------------------------------------------------------------

文章
 * 隧道
 * 分类
 * 标签

友链
 * 友人帐

我的
 * 追番页

关于
 * 关于本人

繁

 * wechat
 * alipay

互动
最新评论
无法获取评论,请确认相关配置是否正确
兴趣点
寻找你感兴趣的领域
Hexo1静态托管1

--------------------------------------------------------------------------------

文章
归档
 * 四月 2023
   2篇
 * 三月 2023
   2篇
 * 二月 2023
   9篇
 * 一月 2023
   2篇
 * 十二月 2022
   2篇

--------------------------------------------------------------------------------



复制选中文本
粘贴文本
引用到评论
新窗口打开
复制链接地址
复制此图片
下载此图片
新窗口打开图片
站内搜索
百度搜索
播放音乐
切换到上一首
切换到下一首
查看所有歌曲
复制歌名
随便逛逛博客分类文章标签
复制地址关闭热评深色模式轉為繁體