写技术博客软件

git github markdown vs code graphviz preview hexo plantuml
git : 算是一个服务器
github: 是工作于git下的仓库
markdown 和 plantuml、graphviz preview理解为画图的软件
编程时可以互相搭配使用
hexo 是和 github搭配使用的一个文本编译器,可以将所写内容实时上传

难点:每个软件都有自己的编码画图方式

牛哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
python cmd 退出是 : CTRL + Z

hexo : 用法记录
现在遇到的问题是:在hexo中更改的东西在github中不能同步发布:
解决过程:1.每一次更改完后要重新进行部署:hexo g
hexo d
heso s
2.最终还是成功了哈哈哈哈哈哈哈,不容易
(1) rep:用ssh地址在这里插入图片描述
(2) url 路径
在这里插入图片描述
(3)在重新部署完成后要用 hexo deploy 指令
三个小时左右的解决时间,终于成功了,牛哈哈哈哈哈哈哈啊哈

Hexo使用: 看中文文档的时候有诸多地方不懂,在此详细的在每次学习之后进行记录
1.创建文章:hexo new post 刷题:代码随想录
2.文章标题的级别用 # 的个数来表示
3.插入图片 在知乎上搜到的,谢谢谢谢
我用了第一种方法,太方便了吧! 牛
1.建议直接将图片上传到图床,然后复制链接,按照写法即可。类似的第三方免费图床推荐:https://sm.ms/
2. 在需要显示的内容后面添加 标签就行了
3. 马克飞象

4.因为每次上github网都很拉跨 ->查询了可以更改host中IP地址的方式
https://blog.csdn.net/werdery/article/details/106099292
但是改完后时间好像是有限制的,偶尔过一会就没有作用了,但再改一次就好了
原host文件放在桌面,有需要的话再看

2021/12/08
本来想在flexblock主题上做一些更改,结果发现我真的什么都不会,唉。。。网上这个主题的教程很少,还看不懂,给跪了
所以换了个主题next , 但是在安装的时候就出现了问题,哭了!!!!!
问题:1.hexo主题next访问报错{% extends ‘_layout.swig‘ %} {% import ‘_macro/post.swig‘ as post_template %}
解决:
原因是hexo在5.0之后把swig给删除了需要自己手动安装
npm i hexo-renderer-swig
2.运用之前使用的flex-block主题,把hexo在github上部署好以后,如果要更换另外一个主题
要更改两个地方,一个是 : theme
另外一个是:branch
如果用flex-block的话就直接改为下面这张图上就行,其他的不用改
在这里插入图片描述
使用next:直接把上面的主题改为next即可 ,分支还是main
不要轻举妄动啊啊啊啊啊啊啊啊啊啊啊

使用next主题:

  1. 启用
  2. 选择主题:
    #scheme: Muse
    #scheme: Mist
    scheme: Pisces
  3. 设置语言 language: zh-Hans
  4. 设置分类和标签的菜单:
    去掉注释即可在这里插入图片描述
    创建tags链接:hexo n page tags
    在这里插入图片描述
    在标签的md界面要加上type那一行,不然文章里面加的标签不会在标签页显示

创建categories:
在这里插入图片描述
更换头像的图片是在下面这个图的url里面更换:
在这里插入图片描述
怎样换成网络上的图片:将图片改为自己方便记忆的名称,最好是英文,然后保存在source下的image文件夹下在下图url:后的链接处进行位置引用即可
在这里插入图片描述
改变相应主题配置文件中的文字内容:
在这里插入图片描述
增加社交链接:把相应位置上的注释去掉改需要改的地方即可
在这里插入图片描述
启用友情链接:在主题配置文件中找到相应的位置
如下两张图,更改相应的位置即可
在这里插入图片描述
在这里插入图片描述
https://www.bilibili.com/video/BV16W411t7mq?p=11&spm_id_from=pageDriver
这个B站视频里第十一视频会教markdown的基本使用,等用的时候再看

开启打赏功能:
在这里插入图片描述
我要笑死了,哈哈哈哈哈哈哈哈,那个字还会抖哈哈哈哈哈哈哈哈
在这里插入图片描述
开启微信公众号:
在这里插入图片描述
qcode:放置的是自己公众号的图片,此处因为我还没有用,所以就先随便放一张图片
在这里插入图片描述

在这里插入图片描述
打赏的话,微信,支付宝支付的图片是放在下面两张图片的位置

设置头像为圆形可旋转:
在这里插入图片描述
在这个路径下找到相对应的文件;
在这里插入图片描述
实现头像旋转的功能,由于现有代码上没有CSS3的选项,并且我还不明白怎样更改,先不设置头像旋转的功能,就先进行下一步吧!!!!哭!!!

首页文章设置为阅读全文:
在这里插入图片描述
或者在每篇文章后加:在这里插入图片描述
那么这篇文章这个符号后面的额内容就不会显示了,但是这种方法每一篇文章都要设置

添加动态背景:
在这里插入图片描述
现在就是有一种深夜遭受滑铁卢的感觉,设置动态背景也会失败,
明天再说,晚安哈哈哈哈哈哈哈哈

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值