使用Markdown写文章的一些技巧
如何在文章中插入图片本地图片网络图片
如何在文章中制作表格
如何个性化每个页面的字体大小
如何个性化标红某些文字的颜色字体大小等
另外有个微信产品的思想可以融入到我们当前正在开发的app中。
hexo部署报错Spawn failed原因及解决方法
原因Spawn failed是个常见的错误。可能是因为网络不畅等问题导致同步到github的版本不一致
解决1234cd 进入自己hexo本地网站的根目录ls 查看自己根目录文件夹下是否存在 .deploy_git 文件rm -rf .deploy_git/ hexo d
rm -rf .deploy_git/ 是删除该文件在hexo d 部署成功之后,会有新的.deploy_git文件产生,这个不需要担心
什么是EJS
EJS 是一套简单的模板语言,没有再造一套迭代和控制流语法,利用普通的 JavaScript 代码生成 HTML 页面。
参考学习:ejs.bootcss.com
如果想要了解EJS的工作,那么得先学习了解一下JS。
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick StartCreate a new post1$ hexo new "My New Post"
More info: Writing
Run server1$ hexo server
More info: Server
Generate static files1$ hexo generate
More info: Generating
Deploy ...
Butterfly主题下添加评论系统
butterfly主题本身就集成了几款评论系统,我们只需要在配置文件中,打开相对应的评论系统选项,就能够使用。
在主题配置文件中(也就是themes文件路径下的主题butterfly文件中_config.yml文件):找到评论(comments)字段,至该文章撰写之日止,目前支持的评论系统有:Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/Artalk
本文章以Livere为例。参考 bilibili Up主卷二兔视频
将comments字段下的use:的参数改为Livere。即:use: Livere
然后去到Livere平台注册一个账户。
注册好之后,进入到管理页面,会获得一段安装代码,安装代码中会有一条含有uid的字段,将其字段复制下,粘贴在前面_config.yml的uid:配置中。
1234# livere (來必力)# https://www.livere.com/livere: uid: MTxxxxxxxxxxxxxxx==
...
关于Hexo中的_config配置文件
#注意_config.yml中的缩进格式非常重要,它通常表示一个大设置下的子设置类目,所以不能随随便便为了个人的喜好就删掉缩进或者更改掉,会引起配置错误。
Sitetitle: 首页最显眼位置的网站名称subtitle: 略带概括性质的副标题description: 网站简介keywords: 网站搜索的关键字,seo相关author: 网站作者language: 多语言模版下的默认展示语言timezone: 时区
URL主要是设置网站的路径
url: 如果是自定义的域名,那么就填 https://www.xxxx.com 诸如此般的。如果是部署在github上,那么就填 https://siteName.github.io
Extensions 拓展插件选取请访问: https://hexo.io/plugins/主题选取请访问: https://hexo.io/themes/theme: 这里填当前选用的主题
Deployment 部署参考文档请访问: https://hexo.io/docs/one-command-deploymentdeploy: type: 如果是部署到g ...
学习前端推荐阅读的书籍(整理)
HTML部分《Head First HTML与CSS》 入门简单,多图帮助形象化理解《HTML5 权威指南》豆瓣8.5 评分蛮高 W3School教程网站
CSS部分《CSS权威指南》老书《CSS揭秘》展示了CSS的47个技巧,注重实践的教程,对实现思路挺有启发 W3School教程网站
JavaScript部分 《你不知道的JavaScript 上中下三册》讲解了作用域、闭包、异步等有深度的知识 《JavaScript DOM 编程艺术》入门级 《JavaScript 高级程序设计》有名的红宝书,比较权威,入门级 《JavaScript 权威指南》犀牛书,进阶书
ES部分 《ECMAScript6 入门教程》简称ES6 《深入理解ES6》豆瓣9.4 很系统
TS部分 中文TypeScript文档 《深入理解TypeScript》
数据结构和算法、设计模式部分 和编程语言无关,数据结构和算法、设计模式是一种思想,进阶学 《JavaScript 设计模式》是使用 JavaScript 编程语言来描述设计模式的书籍,能在学习设计模式的同时加深理解JavaScript编程语言。进阶读物
网络 ...
修改Butterfly主题的页面配置
参考可以参考官方的文档 https://butterfly.js.org/posts/dc584b87/
在之前的博客里已经介绍过如何对一些基本的,如网站名称以及作者名称等的配置,这里就不赘述了。 https://www.housnk.cn/2022/08/23/关于Hexo中的_config配置文件/
标签页标签与分类的概念很容易混淆。
在博客的根目录下,使用终端输入:
1hexo new page tags
这样就能在以下路径创建标签页的配置文件:source/tags/index.md
紧接着我们修改该 tags/index.md ,为其添加类型声明 type: “tags” ,如下所示:
12345---title: 此处的标题可以任意更改date: 2022-08-26 13:47:42type: "tags"---
分类页在博客的根目录下,使用终端输入:
1hexo new page categories
这样就能在以下路径创建分类页的配置文件:source/categories/index.md打开并修改其中的配置:
12345---title: 分 ...
如何搭建一个博客网站
您现在所看到的这个网站是一个静态网站,所谓的静态网站就是,您在访问该网站之前,这个网站所有的页面内容都已经固定好,除非后台管理人员更新,否则不会再改变的网页。
这样的需求已经足够我们用以作为宣传、博客等的用途,学习起来也很简单,编写网页只需要学会三样东西:Html超文本标签语言、CSS样式表、JavaScript脚本语言即可。
不过编写网页,这都是后话。
目前先把网站搭建起来。
#搭建
其 保姆式搭建教程 可以参考: bilibili up主程序羊的hexo搭建文章
#自定义域名
这个Up主搭建的静态网站是部署在Github上的。部署在这个网站上的优点就是可以自定义域名。
比如我购买了stephensnk.cn网站域名,我就可以不用访问 stephensnk.github.io ,直接访问 www.stephensnk.cn 。
而缺点就是,因为github服务器是架设在境外的,所以国内访问是比较慢,有时候还可能会访问不到,相对于Gitee而言,网络比较不稳定。
不想跟Up主程序羊一样部署在Github上的,可以考虑部署在Gitee上,其部署方法和部署在Github上的一模一样。
# ...