Hexo博客搭建

这篇具有很好参考价值的文章主要介绍了Hexo博客搭建。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Hexo博客搭建

换了一台电脑,于是从新搭建了一会博客,并且写下这篇博客进行记录,以便于以后使用

1、事前准备

首先在电脑上安装node.js和git

然后可以在cmd处运行下列代码验证并更改淘宝源

node -v  #检测node版本
npm -v  #检测npm版本
npm config set registry http://registry.npm.taobao.org   #更换淘宝源,切记,不然慢到你吐血

在cmd处设置git的账号信息

git config --blobal user.email "这里填你的邮箱"
git config --blobal user.name "这里填你的用户名"
#用户名是啥我也不太清楚,估计是类似注册起名,所以叫啥都行,这个等我查查

注册一个github或者gitee账号,这里使用gitee,是国内网站,访问较快

之后按照以下步骤操作:

1.创建一个新仓库

Hexo博客搭建

2.保留仓库初始界面

Hexo博客搭建

2、搭建博客

在cmd中依次执行以下操作

npm install -g hexo-cli   #安装hexo
hexo -v   #查看hexo版本




cd desktop   #将博客文件保存在桌面上,当然也可以选择其他路径




hexo init myblog  # 这里的myblog是将要生成的文件夹名字,这里代码先换成其他的  !!!暂时先用下面的命令!!!,下边有解释原因




cd myblog
hexo clean
hexo generate  # 生成各种web资源
hexo server   # 启动本地服务
#在hexo server后生成的网址中可以对当前博客进行预览




npm install --save hexo-deployer-git  # 安装hexo的git插件

然后打开myblog中的_config.yml文件,下拉都最下边,然后更改如下代码

deploy:
  	type: git
  	repository: #替换成项目地址#

这里的项目地址就用之前在gitee里边仓库生成的代码

Hexo博客搭建

最后回到cmd,执行下列命令

hexo deploy  # 部署
# 要是同步到Gitee仓库,需要手动更新;GitHub会自动更新

执行完毕后,在仓库的服务选项里开通Gitee Pages服务,然后就会生成博客的网址

Hexo博客搭建

解释hexo init xxxx

hexo init xxxx实际上是如下命令的集成:

git clone https://github.com/hexojs/hexo-starter.git myblog
cd myblog
git submodule init
git submodule update
npm i

在学长写教学文档的时候(2020.12.11)发现21小时前的一个更新hexo-starter的作者把themes下的文件清空了,导致了后面更换主题后执行任何hexo操作都会出现如下错误:

ERROR {
err: [Error: EISDIR: illegal operation on a directory, read] {
errno: -4068,
code: ‘EISDIR’,
syscall: ‘read’
}
} Plugin load failed: %s hexo-theme-landscape

因此此处暂时先将hexo init xxxx替换成如下命令(将原仓库替换成一个镜像仓库):

即用以下代码代替 hexo init myblog

git clone https://gitee.com/weilining/hexo-starter.git myblog
cd myblog
git submodule init
git submodule update
npm i

3、添加文章

在cmd里执行如下代码

hexo new "文章名"

然后就会在myblog\source\_posts路径下生成对应的md文件,对其进行编辑后,重新执行以下代码即可更新gitee上的仓库

hexo clean
hexo generate
hexo deploy

4、更换主题

hexo也可以换主题,一般都在GitHub上开源

分别执行以下操作

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
# 修改一下_config.yml的theme,将其改为新下载的主题名,这里是叫yilia
# 然后还是那几个命令
hexo clean
hexo generate
hexo server

5、常见问题

  1. hexo deploy时报错:fatal: unable to auto-detect email address解决方法

  2. hexo g时报错:err: YAMLException: can not read a block mapping entry; a multiline key may not be an implicit key at line 4, column 1: 解决方法

  3. 建成的博客有的文章显示不完全,被截断:

    解决方法:在md文件中不能出现尖括号标签的语句,会被识别为某种在网页上操作,如下图,将尖括号删掉后就没事了

    Hexo博客搭建文章来源地址https://www.toymoban.com/news/detail-448401.html

到了这里,关于Hexo博客搭建的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Hexo+Github博客搭建教程

    注意,这篇文章篇幅较长,主要针对新手,每一步很详细,所以可能会显得比较啰嗦,所以建议基础比较好小伙伴根据目录选择自己感兴趣的部分跳着看,不要文章没看,上来先喷一下!谢谢*[Math Processing Error]⊙o⊙*。 教程内容随意复制使用,引用的话请加一个参考链接,谢

    2024年01月16日
    浏览(52)
  • hexo&github 搭建博客(保姆级)

    安装 Hexo 相当简单,只需要先安装下列应用程序即可: Node.js (Node.js 版本需不低于 10.13,建议使用 Node.js 12.0 及以上版本) Git 具备以上环境后我们安装hexo 配置系统环境变量 在选好的目录下运行 通过以上步骤,最简单的hexo网站就好了,可以直接访问http://localhost:4000/,来看h

    2024年02月05日
    浏览(78)
  • Hexo 搭建博客并推送GitHub

    浏览器访问: http://localhost:4000/ 1、首先要注册一个Github账号,新建一个name.github.io的仓库,也就是new repository。 因为博主之前创建好了现在就不能创建了。创建好后可以在你的仓库里新建一个index.html,里面可以随意输入几个字符,保存。 选择仓库的settings选项,在菜单栏找到

    2024年02月07日
    浏览(41)
  • Hexo+GithubPages免费搭建个人博客网站

    一、前言 二、Github配置 新建同名仓库 配置Pages 三、安装Hexo 四、配置hexo-deployer-git 五、访问 六、发布文章 七、安装主题 我之前开了好几年的云服务器了,实际上使用场景并不是很多,感觉有点浪费。前两个月都给关掉了,现在呢琢磨着弄一个免费的云服务搭建个人博客。

    2024年02月13日
    浏览(56)
  • Hexo+Github+Netlify博客搭建教程

    ✅作者简介:大家好,我是Leo,热爱Java后端开发者,一个想要与大家共同进步的男人😉😉 🍎个人主页:Leo的博客 💞当前专栏: 博客系列 ✨特色专栏: MySQL学习 🥭本文内容:Hexo+Github+Netlify博客搭建教程 📚个人知识库: [Leo知识库]https://gaoziman.gitee.io/blogs/),欢迎大家访

    2024年02月08日
    浏览(59)
  • 【Hexo + Github 搭建自己的专属博客】

    目录 一、前提环境配置 1. 安装Git和NodeJS 2. 安装Hexo 3. 加载主题 4. 修改主题配置 二、搭建博客 1. 将博客部署在GitHub上 2. 写文章并上传 3. 配置一些特效 三、最终成果 ​编辑 在 Windows 上使用 Git ,可以从 Git 官网直接 https://git-scm.com/downloads ,然后按默认选项安 装即可。安装完

    2024年04月08日
    浏览(50)
  • 博客搭建教程Github+Hexo+hexo-theme-matery主题

    前情提要 写这篇文的目的 记录自己搭建过程,便于以后快速复用 总结经验和自己踩的坑,给其他小伙伴一些参考(由于是搭建后写的,所以没有参考图片) 介绍 初步效果参考我的博客:hermia的个人博客 本博客基于Hexo框架,使用github托管 使用自定义域名: hermiablog.com hexo主题

    2024年02月19日
    浏览(73)
  • hexo+GitHub搭建个人博客前期安装部署

    安装Git ==================================================================== 什么是Git Git是目前世界上最先进的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。也是Linus Torvalds为了帮助管理Linux内核开发而开发的一个开放源码的版本控制软件。Git也是你博客平台

    2024年04月22日
    浏览(67)
  • 【实操】基于 GitHub Pages + Hexo 搭建个人博客

    《开发工具系列》 相信很多学习技术的读者朋友们,都梦想能创建一个属于自己的个人博客。现在,这将不是梦想,下面跟着 Huazie 一起利用 GitHub Pages + Hexo 搭建一个属于自己的个人博客吧。 Node.js 官方下载地址 注意: Hexo 官方建议使用 Node.js 12.0 及以上版本 笔者本地下载的

    2024年01月19日
    浏览(74)
  • Hexo+GitHub搭建个人博客教程(2023最新版)

    1、node环境 首先,安装 nodejs, 因为Hexo是基于 Node.js 驱动的一款博客框架。 ⭐nodejs下载地址 2、git 环境 然后,安装git, 一个分布式版本控制系统,用于项目的版本控制管理,作者是 Linux 之父。 ⭐Git(官网) ⭐Git for Windows(仅windows安装包) ⭐CNPM Binaries Mirror [阿里镜像](速

    2024年02月06日
    浏览(69)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包