最快的 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 官网

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Hadoop生态系统简介

    Hadoop生态系统简介Hadoop生态系统主要包括:Hive、HBase、Pig、Sqoop、Flume、ZooKeeper、Mahout、Spark、Storm、Shark、Phoenix、Tez、Ambari。Hive:用于Hadoop的一个数据仓库系统,它提供了类似于SQL的查询语言,通过使用该语言可以方便地进行数据汇总,特定查询以及分析存放在Hadoop兼容文件系统中的大数据。HBase:一种分布的、可

    2022年5月19日
    37
  • 周鸿祎的真经「建议收藏」

    周鸿祎的真经「建议收藏」  什么样的产品易获风险投资商的青睐-周鸿祎的BLOG-搜狐博客 无论如何,产品还是企业最核心最根本的东西。产品决定了创业者选择一条什么样的发展道路。产品的定义和选择是创业的开始,而好的开始是成功的一半。 做一份投资计划书-周鸿祎的BLOG-搜狐博客 一份好的投资计划书,不仅有助于将创业者头脑中的创意、想法逻辑化

    2022年7月26日
    9
  • 【小5聊】C#基础之Response.ContentType响应内容类型[通俗易懂]

    【小5聊】C#基础之Response.ContentType响应内容类型[通俗易懂]Response.ContentType1、文本格式:html、xml、txtResponse.ContentType=”text/html”;Response.ContentType=”text/xml”;Response.ContentType=”text/plain”;2、图片格式Response.ContentType=”image/jpg”;…

    2022年7月19日
    27
  • 据说年薪30万的Android程序员必须知道的帖子「建议收藏」

    据说年薪30万的Android程序员必须知道的帖子「建议收藏」Android中国开发精英目前包括:  Android开源项目第一篇——个性化控件(View)篇    包括ListView、ActionBar、Menu、ViewPager、Gallery、GridView、ImageView、ProgressBar、TextView、ScrollView、TimeView、TipView、FlipView、ColorPickView、GraphV

    2022年6月14日
    111
  • ASP.NET DropDownList1_SelectedIndexChanged使用

    ASP.NET DropDownList1_SelectedIndexChanged使用DropDownList1.AutoPostBack属性今天写代码给DropDownList1添加DropDownList1_SelectedIndexChanged事件,在运行测试时发现DropDownList1的index发生改变后DropDownList1_SelectedIndexChanged没有执行,查了一下DropDownList1的属性才知道AutoPostBack要设置…

    2022年7月18日
    11
  • Adapter的notifyDataSetChanged()

    Adapter的notifyDataSetChanged()notifyDataSetInvalidated(),会重绘控件(还原到初始状态)notifyDataSetChanged(),重绘当前可见区域publicvoidnotifyDataSetChanged():该方法内部实现了在每个观察者上面调用onChanged事件。每当发现数据集有改变的情况,或者读取到数据的新状态时,就会调用此方法。 publicvoidnoti

    2022年6月22日
    25

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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