从零开始的Hexo博客搭建教程(七):遇到的坑

从零开始的Hexo博客搭建教程(七):遇到的坑

✨《从零开始的 Hexo 博客搭建教程(how-to-build-hexo-blog)》终于到了第七辑啦!

本文用于 收集本人在使用 Hexo 的过程中出现的 各种坑及解决方法

如果你有更好的解决方法或遇过的坑,欢迎在评论区分享喔 ο(=•ω <=)ρ⌒☆

从零开始的Hexo博客搭建教程(六):插件

从零开始的Hexo博客搭建教程(六):插件

👓 推荐常用的 Hexo 插件 : Awesome-hexo-plugins

如果你有好的插件推荐,欢迎在评论区分享喔 ο(=•ω <=)ρ⌒☆

总结CSS水平垂直居中的各种骚操作

总结CSS水平垂直居中的各种骚操作

CSS 是世界上最难的语言! #(手动滑稽)
​ ———— 啊哈呵嗨

水平居中

NameTag
margin:0 auto;基础, 常用
利用 inline-block基础, 常用
width:fit-content;CSS3
width:fill-available;CSS3

垂直居中

NameTag
padding上下相等基础, 常用
line-height基础, 常用
CSS 表(table)布局 👍常用
“精灵元素”,利用伪类实现 👍奇技淫巧

水平垂直居中

NameTag
“完全居中法” 👍基础, 常用
margin 负值法基础, 常用
translate 负值50%变换CSS3, 常用
CSS3 flex(弹性)布局 👍CSS3, 常用
vw vh和translate 👍CSS3
通过JavaScript代码实现居中JavaScript
通过隐藏节点+float
利用CSS3 grid(网格)布局CSS3
object-fit和object-postion居中奇技淫巧
2018年我的代码行数年度总结

2018年我的代码行数年度总结

2018 年 年度总结 代码行数

统计工具

npm install -g sloc

统计内容

Create stats of the source code:

  • physical lines
  • lines of code (source)
  • lines with comments
  • lines with single-line comments
  • lines with block comments
  • lines mixed up with source and comments
  • empty lines within block comments
  • empty lines
  • lines with TODO’s
从零开始的Hexo博客搭建教程(五):文章发布

从零开始的Hexo博客搭建教程(五):文章发布

📑 本篇着重详细介绍如何发布文章。以及发布文章的各种姿势。

如何优雅地为博客添加打赏二维码功能

如何优雅地为博客添加打赏二维码功能

1.打开“微信”。

2.打开“我”,然后点击“钱包”。

3.点击“收付码”。

4.点击“赞赏码”。

5.点击“开通赞赏码”。

6.添加“赞赏引导语”,还可以根据需要修改“赞赏金额”,然后点击“生成赞赏码”。

7.赞赏码生成完毕。

从零开始的Hexo博客搭建教程(四):图床

从零开始的Hexo博客搭建教程(四):图床

🖼写文章从选用一个好图床开始!

一步一步按照教程挑选适合自己的图床服务吧!结合一些图床上传工具使得写文章事半功倍!

(虽然这一辑教程和Hexo没太大关系啦)

🎀多图预警!

从零开始的Hexo博客搭建教程(三):SEO优化

从零开始的Hexo博客搭建教程(三):SEO优化

🍰 本篇着重介绍了 Hexo 博客做 SEO 的一些小技巧,在内容优质程度不变的情况下如何针对搜索引擎展示或主动提交更多内容。

为什么要做SEO?

SEO”Search Engine Optimization”汉译为搜索引擎优化 ,搜索引擎优化是一种利用搜索引擎的搜索规则来提高目前网站在有关搜索引擎内的自然排名的方式,搜索引擎优化是提高网站在搜索引擎结果中排名的战略。

SEO非常耗时间,但“结果”是增加流量和更高的回报,而这需要您长久的悉心耕耘。

从零开始的Hexo博客搭建教程(二):主题

从零开始的Hexo博客搭建教程(二):主题

🧁 为你的 Hexo 博客添加美观的主题,包括主题配置、分享、打赏、评论插件等。

从零开始的Hexo博客搭建教程(一):开始

从零开始的Hexo博客搭建教程(一):开始

🎂 开始你的 Hexo 之旅

Why Hexo?

基础搭配:Git + Github Pages + Hexo

优点

  • 免费 - GitHub
  • 快速 - Node 运行环境、前端个人站点首选
  • 简洁 - MarkDown
  • 轻量 - 全部静态文件
  • 支持导入 WordPress 等博客

Blog tasks

1 / 4 tasks

  • About 页面大修

    • Mark done
    • Edit
    • Delete
  • TOC 滚动更新位置
  • 设计 Logo SVG

    • Mark done
    • Edit
    • Delete
  • todo 小组件大小单位用 rem

    • Mark done
    • Edit
    • Delete
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×