Blog搭建

Blog搭建

是新的开始鸭😄

---

点击右侧四横杠图标可以打开目录快速浏览哦!

 

1.建站目的

本博搭建于2022.11.26，用于记录大学及以后的学习和生活

2.主题设置

第一版主题（目前使用）

感谢@YJAugus

原博文章：博客主题推荐——复杂 | 简单

1.基本设置

首先申请博客园博客

其次为JS权限，然后开始设置

2.本博CCS等

本博使用如下：

可直接将对应代码贴入博客园对应位置

页首HTML代码

<style type="text/css">body{margin:0;padding:0;overflow:hidden;margin-top:100%}#shade_animal_wrap{opacity:1;margin:0;padding:0;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;align-items:center;justify-content:center;height:100vh;width:100%;background-color:#f2f2f2;z-index:99999;transition:all 1s ease 0s;}.lds-hourglass{display:inline-block;position:relative;width:64px;height:64px;transform:translateX(-30px) translateY(-60px);}.lds-hourglass:after{content:" ";display:block;border-radius:50%;width:0;height:0;margin:6px;box-sizing:border-box;border:60px solid #fff;border-color:#00d9ff transparent #04e2ff transparent;animation:lds-hourglass 1.2s infinite;}@keyframes lds-hourglass{0%{transform:rotate(0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);}50%{transform:rotate(900deg);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);}100%{transform:rotate(1800deg);}}</style>
<div id="shade_animal_wrap"><div class="lds-hourglass"></div></div>
​

 

博客侧边栏公告

<script type="text/javascript">
(()=>{
let p={};
p.ingTitle = "青山落日，不如归去";//说说页面个性签名
p.themeStyle = "style1";
p.feelingBlogId = "16928272"; //闪存文章postid：在文章编辑状态在浏览器地址栏可以看到//说说页面
p.extCss = ["https://blog-static.cnblogs.com/files/yjlaugus/theme.css", "https://at.alicdn.com/t/font_1630741_bf02j4m9mhg.css"];
p.staticSrc = "https://yjlaugus.gitee.io/blog/releases/";
p.staticIco = "https://i.postimg.cc/3xf2HXsK/2.png";//网页标题图标
p.blogName = "CrLamb";//blog名字
p.avatarSign = "愿岁并谢 与友长兮";//头像下方签名
p.musicIds = [28679466]; //网易云音乐id
p.qq = "916891225";//说说页面
p.email = "916891225@qq.com";//说说页面
p.github = "忘了";//说说页面
p.aboutmeHtml = "是浙大的牡丹鼠鼠一只鸭";//说说页面
p.headBackImg = "https://images.cnblogs.com/cnblogs_com/blogs/776997/galleries/2248746/t_221127063620_%E8%A5%BF%E6%B9%96%E7%BE%8E%E4%BA%BA%E8%95%89.jpg";
//说说页背景
p.blogFriendList = [//友链
{title: 'YJLAugus', url: 'https://www.cnblogs.com/yjlaugus'},
{title: 'loctopus', url: 'https://www.cnblogs.com/loctopus'}//,
//{title: '对方博客名', url: '对方blog地址'}
];     
p.blogUsedLinks = [//链接
{title: 'pta', url: 'https://pintia.cn/home'},
{title: '雪灾浙大', url: 'https://course.zju.edu.cn/'},
{title: 'postimages', url: 'https://postimages.org/'}//,
//{title: '网页名', url: '网页地址'}
];
p.mainExtNav = [
//{
// title: '仓库',//左侧边栏选项
// url: 'https://pintia.cn/home',//点击后跳转至的页面
// icon: 'icongithub'
//},
{
title: '首页',
url: '/c/subject/category/default.html',
icon: 'iconhome'
}, {
title: '说说',
url: '/c/author',
icon: 'iconmessage-rounded-alt'
},{
title: '留言',
url: '/c/subject/p/16929580.html',
icon: 'iconat'
}, {
title: '投喂',
url: '/c/subject/p/16929580.html',
icon: 'iconziyuan'
}];
window.__BLOG_CONFIG__=p;
})();
</script>
<script type="text/javascript" src="https://yjlaugus.gitee.io/blog/cnblogLoader.js"></script>
​
​

3.图片

关于图片保存为网页，现提供两种方法

1.博客园推荐

将图片上传至博客园相册后，右击图片：在新页标签中打开图像，最后复制网址

2.postimages

将图片上传至postimages，复制生成的链接

4.说说

感谢@YJAugus的解答

p.feelingBlogId = "16928272"; //闪存文章postid：在文章编辑状态在浏览器地址栏可以看到//说说页面

说说就是一篇文章（博客园随笔）的评论，将数字改为你想要的文章的网址中的编码即可。

5.音乐

感谢@YJAugus的解答

p.musicIds = [28679466]; //网易云音乐id 

将"[]"中id改为你想播放的音乐的id,注意不是你的账号id哦。

如果你想设置多首歌曲，可以这样:

p.musicIds = [id1,id2,id3]; //网易云音乐id 

期待更多主题吧......

3.关于写博

本博采用Typora(非付费版本)

下载链接：Typora 最后的免费版 全平台(win mac linux)下载

Markdown语法教学

1. 基本语法：runoob

2. 数学公式：史上最全Markdown公式、符号总结！！！

    

   ---

   侵删，鸣谢：@YJAugus@iuxt@Yale曼陀罗以及runoob网站