前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >使用hexo创建自己的博客

使用hexo创建自己的博客

作者头像
金鳞星溅
发布2023-04-11 19:38:17
4220
发布2023-04-11 19:38:17
举报

什么是hexo

Hexo官网中说是这么描述的:A fast, simple & powerful blog framework,即:一个快速、简单且强大的博客快速生产工具。它的简单体现在你完全有可能在30分钟内就生成属于你的个人博客。而它的强大体现在你对细节的调整上完全有可能花上一天的时间。

准备搭建环境

1.安装node.js

Node.js 的实质是一个JavaScript运行环境,这里我们主要使用它来生成我们博客的静态页面。从官网下载最新的安装包进行默认安装就好。安装过程略。

2.安装git环境

git是最流行的分布式版本控制系统,我们使用它主要是与github进行交互。安装git使用默认选项安装即可,安装过程略。

3.注册github

GitHub是世界上最大的代码托管平台,我们将要使用github的github pages功能来实现我们博客在网上的部署

开始搭建博客

创建文件夹

在本地新建一个文件夹用于存放我们的博客,并且右键菜单选择Git Bash Here,然后在Git Bash里输入:

npm install hexo

执行hexo命令

依次执行以下3个命令:

hexo init

初始化hexo环境,这时会在目录下自动生成hexo的文件

npm install

安装npm依赖包

hexo generate

生成静态页面(也可以简化为hexo g)

hexo server

生成本地服务(也可以简化为hexo s)

查看生成效果

这时候我们打开浏览器输入http://localhost:4000 看看可不可以访问。如果默认的hexo博客出现,那么恭喜你,你已经搭建好了自己的博客,接下来我们就要将它发布到网上。

部署在网上

这里我们选择的是github 的github pages的服务,只要你将网页原文件上传到仓库里,github就会自动生成一个属于你的网页

1.创建远程仓库

新建一个跟自己账号名字一样的空仓库

连接本地与远程github仓库

打开本地博客的文件夹,打开_config.yml进行编辑 翻到文件最下方,将deploy的选项改成以下的形式

deploy: type: git repo: git@github.com:!!!/???.git branch: master root: /???/

三个感叹号的地方写上你的用户名 三个问号的地方写上你的仓库名字 然后在GitBash中执行

npm install hexo-deployer-git –save

最后执行这一句将你的博客推送到仓库里

hexo deploy

(也可以简化为hexo d) 最后再进入你的仓库 点击setting 翻到最下面 点击Check it out here! 选择master分支,记得点save,然后就会出现上面那个网址,点进去就是你的网页了

github pages 的反应有点慢,如果没有刷新出来记得等个两三分钟就好了


到此,基于hexo博客的创建就完成了,欢呼吧,芜湖起飞

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

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 什么是hexo
  • 准备搭建环境
    • 1.安装node.js
      • 2.安装git环境
        • 3.注册github
        • 开始搭建博客
          • 创建文件夹
            • 执行hexo命令
              • 查看生成效果
              • 部署在网上
                • 1.创建远程仓库
                  • 连接本地与远程github仓库
                  相关产品与服务
                  代码托管
                  CODING 代码托管(CODING Code Repositories,CODING-CR)是为开发者打造的云端便捷代码管理工具,旨在为更多的开发者带去便捷、高效的开发体验,全面支持 Git/SVN 代码托管,包括代码评审、分支管理、超大仓库等功能。
                  领券
                  问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档