最快的 Hexo 博客搭建方法

最快的 Hexo 博客搭建方法

Cloud Studio 是基于浏览器的集成式开发环境,为开发者提供了一个永不间断的云端工作站,支持绝大部分编程语言,包括 HTML5、PHP、Python、Java、Ruby、C/C++、.NET 小程序等等。Cloud Studio 提供了完整的 Linux 环境,并且支持自定义域名指向,动态计算资源调整,可以完成各种应用的开发编译与部署。

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

使用 Cloud Studio ,就不需要再折腾 Hexo 环境,不需要再解决不同平台上的各种冲突,直接在 Cloud Studio 里面即可进行 Hexo 的写作和部署。

准备工作: 注册
CODING 账户,打开
Cloud Studio ,绑定腾讯云账号并实名认证。

第一步 一键构建环境

在右侧单击『运行环境』唤出面板,选择使用『Hexo』。
最快的 Hexo 博客搭建方法

点击左下角的『终端』,接下来就进入敲命令时间。

首先新建一个文件夹并进行初始化,工作区中的所有文件将存放在这个文件夹里面,文件夹名 <folder> 可自定义(这时候可以去倒杯水喝,闭目养神五分钟):

hexo init <
folder>

最快的 Hexo 博客搭建方法

接下来进入该文件夹(本文后面所有命令都在该文件夹目录中执行),并进行依赖安装:

cd <
folder>

npm install

安装完成后,该文件夹的目录结构如下:

最快的 Hexo 博客搭建方法

第二步 写作

在工作文件夹中执行这条命令来新建一篇文章,<title>即为文章的标题。

hexo new <
title>

终端会返回一条信息,告诉你文章源文件存放在哪里.

打开该 md 文件,开始你的写作吧!

最快的 Hexo 博客搭建方法

第三步 生成

写完 md 源文件后,我们需要 Hexo 帮忙生成静态文件,以便能在浏览器中看到渲染后最终的效果。
执行生成文件命令:

hexo generate

或者其简写形式:

hexo g

终端执行命令后效果如下。目录中会多出一个 public 文件夹,刚才生成的文件都放在其中。

最快的 Hexo 博客搭建方法

第四步 部署

准备工作:注册域名并进行实名认证,然后
绑定域名

点击右边的【绑定域名】填入自己的域名和端口 (8080)。
在左边的文件中,找到【themes】→【_config.yml 】文件,双击进行修改,在 URL 中填入域名。
图片

在终端输入命令启动服务:

hexo server -p 8080

第五步 访问博客

打开浏览器输入自己的域名,可以看到自己搭建完成的 Hexo 博客!大功告成!

最快的 Hexo 博客搭建方法

备注:

1、域名需要实名认证,否则过一段时间其他人无法访问你的博客。
2、每次在 MD 编写完内容之后,都需要执行[hexo g]进行生成。
3、Markdown 语法可参考这篇帮助文档。更多博客设置请参考 Hexo 官网

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/101569.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 在vue中使用tinymce富文本编辑器+tinymce富文本编辑器插入图片

    在vue中使用tinymce富文本编辑器+tinymce富文本编辑器插入图片1.安装#npminstalltinymce-S2.把node_modules\tinymce里面的文件包括tinymce文件夹全部复制到static文件夹下面,如下图3.在mian.js中引入tinymce(也可以在组件中引入)importTinymcefrom’tinymce’Vue.prototype.$tinymce=Tinymce…

  • C++的pair_pair的复数是什么

    C++的pair_pair的复数是什么1,pair的应用pair是将2个数据组合成一组数据,当需要这样的需求时就可以使用pair,如stl中的map就是将key和value放在一起来保存。另一个应用是,当一个函数需要返回2个数据的时候,可以选择pair。pair的实现是一个结构体,主要的两个成员变量是firstsecond因为是使用struct不是class,所以可以直接使用pair的成员变量。其标准库类型–pair类……

    2022年10月16日
  • 关于FindWindow函数「建议收藏」

    关于FindWindow函数「建议收藏」在调用FindWindow函数的时候,应该第一个参数为空,第二个参数为窗口的标题名。classname是窗口在创建时的注册名称,不是源代码的类名,通常可以不指定,除非确切地知道。另外,vs自带一个spy++的工具,可以探查当前所有窗口的信息,包括注册类名。FindWindow这个函数检索处理顶级窗口的类名和窗口名称匹配指定的字符串。这个函数有两个参数,第一个是要找的窗口的类,第二个是要找的窗口的…

  • HC32F460开发之rtthread+finsh组件的移植

    HC32F460开发之rtthread+finsh组件的移植文章目录前言一、RT-Thread简介二、rtthread的移植1.裸机例程2.RT-Thread下载2.RT-Thread移植总结前言对于从事单片机的开发人员,操作系统可以说是绕不过的一个必修课程。在稍复杂的应用开发中,一个好的操作系统可以帮助我们将单片机的资源最大化的利用起来,而系统提供的各种API接口也可以可靠地帮我们实现各种应用逻辑功能。日常生活里,在各种各样的电子设备中,操作系统被广泛地应用,常见的有Linux,ucos,以及现在在各种物联网设备中被广泛应用的freertos,RT-Thre

  • 微信小程序蓝牙通讯蓝牙模块demo[通俗易懂]

    微信小程序蓝牙通讯蓝牙模块demo[通俗易懂]公司项目用到蓝牙和硬件通讯,APP正在开发,弄一个微信小程序蓝牙通讯的demo,可能后期会有微信蓝牙的项目,第一次搞,遇到2个坑:1.安卓和苹果获取的硬件服务UUID顺序不同2.目前用的这一版“启用低功耗蓝牙设备特征值变化时的notify功能”在安卓和苹果的测试机上都返回启动失败,其实是已经启动成功,在我同事安卓手机上返回的正常。index.wxml适配器状态:{{

  • webservice有哪些框架_前端主流js框架

    webservice有哪些框架_前端主流js框架Webservice框架CXF最新版本:2.2.2开源服务框架,可以通过API,如JAX-WS,构建和开发服务。服务可以使多种协议的,例如SOAP,XML/HTTP,RESTfulHTTP, CORBA,并可以工作与多种传输协议之上,如HTTP,JMS,JBI。主要特性l 支持Webservice标准:包括SOAP,theBasicProfile,WSDL,WS-Addres…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号