栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

用hexo搭建一个属于自己的博客

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

用hexo搭建一个属于自己的博客

什么是hexo?

​ hexo在GitHub上面介绍:A fast, simple & powerful blog framework, powered by Node.js.

即Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Gitee上,是搭建个人博客的首选框架。

前置准备工作

​ 安装nodejs可以选取一个稳定版本 以下操作是以win10为例

1.查看是否安装成功

​ node -v 查看node版本

​ npm -v 查看npm版本

2.安装一个 cnpm

​ npm install -g cnpm --registry=http://registry.npm.taobao.org 淘宝镜像比较快

​ cnpm -v #查看cnpm版本

3.安装hexo客户端

​ cnpm install -g hexo-cli #安装hexo框架

​ hexo -v #查看hexo版本

注意:以上操作全局均可生效

初始化博客

​ 到指定的地方创建文件夹

​ 进入文件夹后打开powershell 输入命令

​ 1.hexo init 这时候会去克隆对应的代码下来

​ 2.当前目录下 执行 hexo s 命令 #启动本地博客服务

​ 3.浏览器输入 http://localhost:4000/ #本地访问地址

部署到远端

​ 1.在gitee上面创建仓库(GitHub 也行,不过比较慢)


​ 2.在根目录下执行 cnpm install --save hexo-deployer-git #在blog目录下安装git部署插件

​ 3.配置_config.yml 文件

​ 仓库地址 也即刚刚创建的地址

​ 4.执行命令 hexo d #部署到远程仓库

​ 5.到对应的仓库点击服务

​ 6.点击启动或者更新 就可以通过上面的网站地址访问(这个地方可能需要实名,需要等)

​ 之后访问对应的地址,就算部署成功

更换样式

​ 可以到github上面查找自己中意的主题,里面有对应的操作文档

​ 我的博客

写博客

​ 在写博客前,首先处理一个图片插入的问题(以使用Typora为例)

​ 1.根目录下安装插件 npm install hexo-renderer-marked --save

​ 2.修改配置文件 _config.yml

	设置 post_asset_folder: true

​ 并加上

​ marked:
prependRoot: true
postAsset: true

​ 3.在“Blog->source”下新建"images"文件夹。注意"images"与"_posts"同级。

​ 4.文件->偏好设置->图像 设置成如下状态,每次复制进来即更改,存到对应的文件夹下面

​ 5.根目录下 hexo n 文件名 就可以创建一个md格式的博客,然后对应的写,可以参考markdown格式

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/292342.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号