入门靠了这篇文章,简单的布置了自己的博客
https://pingfan.me/posts/cs/create_blog_with_zero_experience/
但是有点太过简单了,看了一些大佬的博客网站,心生向往,决定再努努力,搞得好看一点
这是我收藏的一些大佬的开源的代码/博客:
https://github.com/zhangzhengyang27/myBlog
https://github.com/lewky/lewky.github.io
有很大的帮助
之后根据这两篇文章动手弄了第二版自动化部署的博客(Hugo + github Action + 公/私库)
https://jellyzhang.github.io/%E4%BD%BF%E7%94%A8hugo%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/#%E5%AE%89%E8%A3%85-hugo
https://www.pseudoyu.com/zh/2022/05/29/deploy_your_blog_using_hugo_and_github_action/
今天下午Typora文件内图片的相对绝对路径搞死我了
试了Typora + PicGo + Gitee图床,gitee插件有问题,上传可以,但是在网页上不能直接显示,只能把链接粘贴出来打开其他页面进行查看;
太麻烦,还是就用github的static文件夹存吧
搜索,评论已经加上了,文章加密加密今天懒得搞了,可以参考这篇文章
https://cloud.tencent.com/developer/article/1932812?cps_key=1d358d18a7a17b4a6df8d67a62fd3d3d
技巧
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
|
<div class="details admonition note open">
<div class="details-summary admonition-title">
<i class="icon fas fa-pencil-alt fa-fw" aria-hidden="true"></i>注意<i class="details-icon fas fa-angle-right fa-fw" aria-hidden="true"></i>
</div>
<div class="details-content">
<div class="admonition-content">一个 <strong>注意</strong> 横幅</div>
</div>
</div>
<div class="details admonition abstract open">
<div class="details-summary admonition-title">
<i class="icon fas fa-list-ul fa-fw" aria-hidden="true"></i>摘要<i class="details-icon fas fa-angle-right fa-fw" aria-hidden="true"></i>
</div>
<div class="details-content">
<div class="admonition-content">一个 <strong>摘要</strong> 横幅</div>
</div>
</div>
<div class="details admonition info open">
<div class="details-summary admonition-title">
<i class="icon fas fa-info-circle fa-fw" aria-hidden="true"></i>信息<i class="details-icon fas fa-angle-right fa-fw" aria-hidden="true"></i>
</div>
<div class="details-content">
<div class="admonition-content">一个 <strong>信息</strong> 横幅</div>
</div>
</div>
<div class="details admonition tip open">
<div class="details-summary admonition-title">
<i class="icon fas fa-lightbulb fa-fw" aria-hidden="true"></i>技巧<i class="details-icon fas fa-angle-right fa-fw" aria-hidden="true"></i>
</div>
<div class="details-content">
<div class="admonition-content">一个 <strong>技巧</strong> 横幅</div>
</div>
</div>
<div class="details admonition success open">
<div class="details-summary admonition-title">
<i class="icon fas fa-check-circle fa-fw" aria-hidden="true"></i>成功<i class="details-icon fas fa-angle-right fa-fw" aria-hidden="true"></i>
</div>
<div class="details-content">
<div class="admonition-content">一个 <strong>成功</strong> 横幅</div>
</div>
</div>
<div class="details admonition question open">
<div class="details-summary admonition-title">
<i class="icon fas fa-question-circle fa-fw" aria-hidden="true"></i>问题<i class="details-icon fas fa-angle-right fa-fw" aria-hidden="true"></i>
</div>
<div class="details-content">
<div class="admonition-content">一个 <strong>问题</strong> 横幅</div>
</div>
</div>
<div class="details admonition warning open">
<div class="details-summary admonition-title">
<i class="icon fas fa-exclamation-triangle fa-fw" aria-hidden="true"></i>警告<i class="details-icon fas fa-angle-right fa-fw" aria-hidden="true"></i>
</div>
<div class="details-content">
<div class="admonition-content">一个 <strong>警告</strong> 横幅</div>
</div>
</div>
<div class="details admonition failure open">
<div class="details-summary admonition-title">
<i class="icon fas fa-times-circle fa-fw" aria-hidden="true"></i>失败<i class="details-icon fas fa-angle-right fa-fw" aria-hidden="true"></i>
</div>
<div class="details-content">
<div class="admonition-content">一个 <strong>失败</strong> 横幅</div>
</div>
</div>
<div class="details admonition danger open">
<div class="details-summary admonition-title">
<i class="icon fas fa-skull-crossbones fa-fw" aria-hidden="true"></i>危险<i class="details-icon fas fa-angle-right fa-fw" aria-hidden="true"></i>
</div>
<div class="details-content">
<div class="admonition-content">一个 <strong>危险</strong> 横幅</div>
</div>
</div>
<div class="details admonition bug open">
<div class="details-summary admonition-title">
<i class="icon fas fa-bug fa-fw" aria-hidden="true"></i>Bug<i class="details-icon fas fa-angle-right fa-fw" aria-hidden="true"></i>
</div>
<div class="details-content">
<div class="admonition-content">一个 <strong>Bug</strong> 横幅</div>
</div>
</div>
<div class="details admonition example open">
<div class="details-summary admonition-title">
<i class="icon fas fa-list-ol fa-fw" aria-hidden="true"></i>示例<i class="details-icon fas fa-angle-right fa-fw" aria-hidden="true"></i>
</div>
<div class="details-content">
<div class="admonition-content">一个 <strong>示例</strong> 横幅</div>
</div>
</div>
<div class="details admonition quote open">
<div class="details-summary admonition-title">
<i class="icon fas fa-quote-right fa-fw" aria-hidden="true"></i>引用<i class="details-icon fas fa-angle-right fa-fw" aria-hidden="true"></i>
</div>
<div class="details-content">
<div class="admonition-content">一个 <strong>引用</strong> 横幅</div>
</div>
</div>
|