(三)Hexo+码云+git快速搭建免费的静态Blog(原创)

配置中遇到的问题

1 解决中文乱码

乱码,_config.yml配置,并将.md文件转为utf-8保存

language: zh-Hans

2 需要配置gitee的路径

在_config.yml中配置

deploy:
  type: 'git'
  repo: https://gitee.com/my_id_at_gitee/my_id_at_gitee.git
  branch: master

3 hexo在gitee样式可能没有加载出来

在_config.yml配置

url: http://my_id_at_gitee.gitee.io
root: /

而在gitee中需要创建一个和自己在gitee使用id一样的仓库名称
https://gitee.com/my_id_at_gitee/my_id_at_gitee
在码云中部署页面记得部署,每次上传代码后都记得部署
在这里插入图片描述
在这里插入图片描述

4 关于hexo插入html代码片段
html代码插入这两个标签中间

{% raw %}
{% endraw %}

html代码最好格式化,网址:
http://web.chacuo.net/formathtml/

5 关于hexo分类和标签的创建

hexo new page categories

在 source\categories\index.md 中
加入

type: "categories"
---

每次在新创建的页面 source_posts\new_blog.md 开始部分添加
categories:

  • java

标签只是把 categories 换成 tags 就可以了

6 html页面插入图片

把主页配置文件_config.yml 里的

post_asset_folder:true

在你的hexo目录下执行这样一句话
npm install hexo-asset-image --save

等待一小段时间后,再运行hexo n "xxxx"来生成md博文时,/source/_posts文件夹内除了xxxx.md文件还有一个同名的文件夹
(1) 如果是md文件,插入图片:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jEzpVbDF-1593581695243)(image.jpg)]

(2) 如果是html页面中,插入图片使用img标签:
在此博客的同名文件夹xxxx下插入001.jpg命名的图片
并在xxxx.md的html代码中配置

=== === === === === === === === === === === ===
比较详细的步骤,请查看这篇文章:
https://segmentfault.com/a/1190000016083265

配置多个ssh key,如gitee和git免密 请查看这篇文章:
https://kukumalucn.github.io/blog/2018/08/02/%E4%B8%80%E5%8F%B0%E7%94%B5%E8%84%91%E7%AE%A1%E7%90%86%E5%A4%9A%E4%B8%AAGit%E8%B4%A6%E6%88%B7%E5%92%8CSSH-KEY/
记得ssh在windows下的路径
C:\Users\your_computer_name.ssh

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值