写在最前面

腾讯云检测到我的服务器有漏洞,这如同晴天霹雳,我这两天一直在搭建新的博客,完全没有深入配置服务器,这下可好,又要把搭建博客的工作先放一放了。不过,这两天的搭建工作确实让自己有了收获,这份收获在于如何用wordpress快速搭建起一个看着还过得去的blog

更换主题

wordpress原生主题看着还过得去,不过我的审美被apple惯坏了,看着它扁平化和卡片化的设计,我也想把自己的博客改造成那般摸样。于是我的第一步工作就是更换一套主题。我选择的是Blocksy 。它卡片化的设计正合我意。

新建博客页面

由于Blocksy面向的是商业,所以blog元素基本上没有。这就需要我手动建立一个blog页面。

新建页面

新建页面

按图所示,顺序执行。

将blog添加到菜单

进入自定义

菜单

继续

上面的方法不免有些繁琐,那是我第一次尝试所使用的方法。后来找到了更快捷的办法,一步到位 。

新方法

然后选择添加项目,如果你感觉菜单栏上的顺序不满意,可以选择第二步重新排序。

添加项目

将blog页面设为文章页

第一步

选择设置->阅读

第二步

将blog设为文章页,大功告成!

效果

优美的页面

建立网课资源页面

这是今年暑假的一个目标,去实现一个网课转播平台。将优质的网课资源集中到数据社区 来,替同学们省去寻找网课的时间。

这将会是数据社区 的第一个功能,想想就令人激动!

方法1-利用iframe将视频插入

许多大型网站的内容都有“嵌入”选项,以iFrame代码提供其网站内容。

举了例子,如果你需要分享B站的视频,你只需要在具体的视频页面,点击视频播放器下方的分享按钮,即可看到嵌入代码,如下图所示:

bilibili

单击“复制”按钮以复制代码。

然后,将该代码粘贴到WordPress网站上的任何文章或者页面。我

下面我们将演示将代码复制粘贴到页面的块编辑器(古腾堡编辑器)。

通过WordPress仪表板中的页面»新建页面,即可创建新页面。然后,将HTML块添加到这个页面。

然后,需要将B站的视频分享iFrame代码粘贴到该块中。

编辑视频

方法2-小石的方法

虽然b站给的iFrame已经很棒了,但是在我的博客里视频的大小自适应的非常丑。于是我开始在网络上搜索解决方案,终于在小石的博客上看到了优雅的方法。

在html中写入如下代码:

1
2
3
4
<iframe id="spkj" src="https://player.bilibili.com/player.html?aid=视频AV号&page=1" width="100%" frameborder="no" scrolling="no" allowfullscreen="allowfullscreen"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span> </iframe>
<script type="text/javascript">
document.getElementById("spkj").style.height=document.getElementById("spkj").scrollWidth*0.76+"px";
</script>

获取aid的方法:

红框内

红框内含视频的aid。

方法3-胡小宁的偷懒小妙招

上述方法都带有一点雄心,就是把视频放在自己的网站上播放。我认为,还有一种更好的方法,就是通过card超链接的方式,直接跳到原视频处观看= = 。

效果:

功力不够,只能先这样了

建立每日英文页面

胡小宁在21年9月份将进入大三学期,时光如梭,岁月无声,心中百感交集。对于如今的每一个大学生而言,到我这个阶段,就要开始思考未来的方向,是读研还是工作。胡小宁高考成绩是566分,没能考入传统的211/985读书,是至今的遗憾。所以,对于胡小宁来说,选择读研圆梦是不言而喻的。方才蹲坑的时候背单词,看到软件上有英文周刊,就点了进去,没想到要收费,这就让胡小宁很不爽。于是,我萌生了一个想法,那就是在数据社区建立一个学习英语的平台。我们自己办一个“英文日刊”!

效果

建立每日阅读

第一个写好的部分是每日英文的页面与每日阅读的页面。胡小宁认为,英语得阅读者得天下。所以先做的工作,就是建立好每日阅读的页面。

缩略图

每日阅读用到的插件是:Stackable

效果:

每日单词

嵌入了抖音视频

搭建英文周刊

准备搭建一个英文周刊的页面,会有nature、the economist、the new yorker等周刊云集。但是搭建过程中遇到了一点障碍,就是pdf文件超过最大上传文件限制。所以要修改一下限制。

我要用到服务器提供的宝塔linux面板

修改php.ini

修改文件最大上传文件限制。

重启服务器

效果

效果

一定要看完这里再继续阅读

下面的宝塔linux方法,适用于你的网站一开始绑定的就是宝塔linux里面软件管理的php。我的php独立于宝塔,所以需要直接修改php.ini。

在宝塔linux软件管理安装php

安装php

打开软件,修改

修改nginx

修改

搭建英文周刊页面

文件最大post限制问题已经解决。

接下来就是写页面的工作emmm…

效果

经过了30min 的忙碌,大功告成!!!

效果图