Pilot's Blog
0%

搭建个人博客

发表于 更新于 分类于 Valine：
本文字数： 2.1k 阅读时长 ≈ 2 分钟

主要参考

hexo框架

https://blog.csdn.net/yushuaigee/article/details/111465155

Github Page使用

https://blog.csdn.net/xq151750111/article/details/131101229

PicGo使用

中文无法正常显示

用utf8保存配置文件

https://blog.csdn.net/Crazy_Diamond_/article/details/114902456

主题优化

https://blog.csdn.net/xq151750111/article/details/131101229

社交图标

https://blog.csdn.net/lhh2333/article/details/126935545

字数统计和阅读时长

https://blog.csdn.net/mqdxiaoxiao/article/details/93670772

修改永久链接

https://blog.luzy.top/posts/2424649425/

hexo博客中添加categories分类

hexo中配置mathjax

https://xingkunz.github.io/2020/01/13/hexo-%E8%A7%A3%E5%86%B3%E5%8D%9A%E5%AE%A2%E6%B8%B2%E6%9F%93%E5%85%AC%E5%BC%8F%E7%9A%84%E9%97%AE%E9%A2%98/

站内搜索

https://zhuanlan.zhihu.com/p/361143962

如何让谷歌检索到自己博客

https://zhuanlan.zhihu.com/p/129022264

解释：导出的两个文件都放在项目source文件夹下，不是theme/source，并且都需要hexo clean && hexo g && hexo d

博客背景设置和文章透明度优化

https://www.snowmoon.top/2021/02/21/next%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/

目前博客配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
// Custom styles.
//  更改背景图片
body {
	// 透明度 0.6 的黑色半透明遮罩
	background-color: rgba(0, 0, 0, 0.5);
	// 設置背景混和模式為相乘模式
	background-blend-mode: multiply;
	// 图片自适应剪裁,56.25%=1080/1920
	// padding-top: 56.25%
	background-image:url(https://cdn.jsdelivr.net/gh/pilotztb/myBlog_img@main/j20_girl_background.webp);
	//这一行的括号里填背景图片的路径，将图片重命名为background.jpg放在\themes\next\source\images下
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position:50% 50%;  //设置背景图像的起始位置
	background-size:cover;
}
.main-inner { 
   //margin-top: 0px;
   //padding: 0px 100px 100px 100px;
}

.post-block {
    border-radius : 12px;
    background: rgba(255,255,255,0.9) none repeat scroll !important;
}

//侧边框的透明度设置
.sidebar {
  opacity: 0.8;
}

//菜单栏的透明度设置
.header-inner {
  background: rgba(255,255,255,0.8);
}

//搜索框（local-search）的透明度设置
.popup {
  opacity: 0.8;
}

.comments {
    border-radius : 12px;
    background: rgba(255,255,255,0.7) none repeat scroll !important;
}

修改内容区域的宽度

https://lamirs.vercel.app/hexo-next-%E4%BF%AE%E6%94%B9%E5%86%85%E5%AE%B9%E5%8C%BA%E5%9F%9F%E7%9A%84%E5%AE%BD%E5%BA%A6

文章圆角设置

https://gis90.github.io/articles/3412/