前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >使用Hexo建立一个轻量、简易、高逼格的博客

使用Hexo建立一个轻量、简易、高逼格的博客

作者头像
用户9127725
发布2022-08-08 09:27:12
3120
发布2022-08-08 09:27:12
举报
文章被收录于专栏:刘悦的技术博客

在之前的一篇文章中,介绍了如何使用Hugo在三分钟之内建立一个简单的个人博客系统,它是基于go lang的,其实,市面上还有一款类似的静态页生成器,就是Hexo 读音/hækso/ ,它是基于node.js的,和Hugo一样,Hexo 正常来说,不需要部署到我们的服务器上,我们的服务器上保存的,其实是基于在hexo通过markdown编写的文章,然后hexo帮我们生成静态的html页面,然后,将生成的html上传到我们的服务器。简而言之:hexo是个静态页面生成、上传的工具。

    首先安装Hexo,在此之前,请确保电脑里已经安装好新版的node.js

代码语言:javascript
复制
npm install -g hexo-cli

    如果感觉安装速度比较慢,可以为npm指定国内的源

代码语言:javascript
复制
npm config set registry https://registry.npm.taobao.org

    安装完成后,创建博客项目

代码语言:javascript
复制
hexo init blog

    这样,就建立起了一个blog文件夹,进入到blog目录下 cd blog,建立第一篇文章

代码语言:javascript
复制
hexo new myfirst

    然后运行hexo服务

代码语言:javascript
复制
hexo server

    就可以在本地访问你的博客网站了,默认端口号是4000

    那么如何将博客网站打包呢?直接运行打包命令,这样就能使用 Hexo 引擎将 Markdown 格式的文件解析成可以使用浏览器查看的 HTML 文件,HTML 文件存储在 blog/public 目录下

代码语言:javascript
复制
hexo generate

    下面我们可以配置一下hexo主题,Hexo 提供了默认主题 landscape,主题的位置在 blog ->themes 文件夹下。主题根据自己喜好可以在网上找到:https://hexo.io/themes/

    主题都放在blog/themes文件夹下面,这我们下载一个新的主题

代码语言:javascript
复制
mkdir themes/next
git clone --branch v5.1.2 https://github.com/iissnan/hexo-theme-next themes/next

    然后在修改 /blog/config.yml 文件,将其中的 theme 改成 next

    最后,将打包好的public目录上传到服务器,使用nginx代理访问就可以了,具体配置请移步:https://v3u.cn/a_id_81

    如果没有自己的域名和服务器怎么办?没关系,可以申请 Github 免费静态内容空间,在github.com注册一个账号,然后创建一个新的仓库

    仓库名称一定要定义成 账号名.github.io,这种形式,注意账号名一定要和你的github当前登录的账号吻合

    这样你的静态内容空间就已经创建好了,在浏览器输入你的 https://你的账号.github.io/ 就可以访问了。

    将之前打包好的public中的文件push到刚刚创建好的github仓库中去

    访问静态空间网址https://zcxey2911.github.io

没有问题,搞定收工

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-06-25 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
文件存储
文件存储(Cloud File Storage,CFS)为您提供安全可靠、可扩展的共享文件存储服务。文件存储可与腾讯云服务器、容器服务、批量计算等服务搭配使用,为多个计算节点提供容量和性能可弹性扩展的高性能共享存储。腾讯云文件存储的管理界面简单、易使用,可实现对现有应用的无缝集成;按实际用量付费,为您节约成本,简化 IT 运维工作。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档