历史记录
- 2023-07: 因不知名原因,服务器GG,重新安装。
- 2023-07:部署MEMO成功。https://sicza.com/2023/0704/memo.sic
- 2023-07:部署Artalk成功。https://sicza.com/2023/0704/memo.sic
- 2023-07:首页显示随机一条memo
主题设置
- Cosy:启用主题,毕竟花了钱买的,害。
- 相册瀑布流:底部自定义代码增加:
<script src="https://sicza.com/js/waterfall.min.js"></script>
<script src="https://sicza.com/js/imgStatus.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
//外链 gallery 标签相册瀑布流
var photosAll = document.getElementsByTagName('gallery') || '';
if(photosAll){
for(var i=0;i < photosAll.length;i++){
photosAll[i].innerHTML = '<div class="gallery-photos">'+photosAll[i].innerHTML+'</div>'
var photosIMG = photosAll[i].getElementsByTagName('img')
for(var j=0;j < photosIMG.length;j++){
wrap(photosIMG[j], document.createElement('div'));
}
}
}
function wrap(el, wrapper) {
wrapper.className = "gallery-photo";
el.parentNode.insertBefore(wrapper, el);
wrapper.appendChild(el);
}
//相册瀑布流
let galleryPhotos = document.querySelectorAll('.gallery-photos') || ''
if(galleryPhotos){
imgStatus.watch('.gallery-photo img', function(imgs) {
if(imgs.isDone()){
for(var i=0;i < galleryPhotos.length;i++){
waterfall(galleryPhotos[i]);
let pagePhoto = galleryPhotos[i].querySelectorAll('.gallery-photo');
for(var j=0;j < pagePhoto.length;j++){pagePhoto[j].className += " visible"};
}
}
});
window.addEventListener('resize', function () {
for(var i=0;i < galleryPhotos.length;i++){
waterfall(galleryPhotos[i]);
}
});
}
});
</script>
相关css:
/* gallery */
.gallery-photos{width:100%;}
.gallery-photo{width:24.9%;position: relative;visibility: hidden;overflow: hidden;}
.gallery-photo.visible{visibility: visible;animation: fadeIn 2s;}
.gallery-photo img{display: block;width:100%;border-radius:0;padding:4px;animation: fadeIn 1s;cursor: pointer;transition: all .4s ease-in-out;}
.gallery-photo span.photo-title,.gallery-photo span.photo-time{background: rgba(0, 0, 0, 0.3);padding:0px 8px;font-size:0.9rem;color: #fff;display:none;animation: fadeIn 1s;}
.gallery-photo span.photo-title{position:absolute;bottom:4px;left:4px;}
.gallery-photo span.photo-time{position:absolute;top:4px;left:4px;font-size:0.8rem;}
.gallery-photo:hover span.photo-title{display:block;}
.gallery-photo:hover img{transform: scale(1.1);}
@media screen and (max-width: 1800px) {
.gallery-photo{width:33.3%;}
}
@media screen and (max-width: 860px) {
.gallery-photo{width:49.9%;}
}
@keyframes fadeIn{
0% {opacity: 0;}
100% {opacity: 1;}
}
使用方式:
<gallery>
<img src="https://xxxxx.jpg">
<img src="https://xxxxx.jpg">
<img src="https://xxxxx.jpg">
</gallery>
- 公告处增加随机一条memo:
公告处代码:
<a href="https://sicza.com/say" target="_blank"><div id="momos-ss"></div></a>
<style>#momos-ss .momos-sslist ul,li{list-style-type: none;}</style>
头部自定义代码:
<script src="https://sicza.com/js/sicza.com.index.js"></script>
<script src="https://sicza.com/js/lately.min.js"></script>
<script type="text/javascript">
(function ($, window) {
$(function() {
var $a = $('#archives'),
$m = $('.al_mon', $a),
$l = $('.al_post_list', $a),
$l_f = $('.al_post_list:first', $a);
$l.hide();
$l_f.show();
$m.css('cursor', 's-resize').on('click', function(){
$(this).next().slideToggle(400);
});
var animate = function(index, status, s) {
if (index > $l.length) {
return;
}
if (status == 'up') {
$l.eq(index).slideUp(s, function() {
animate(index+1, status, (s-10<1)?0:s-10);
});
} else {
$l.eq(index).slideDown(s, function() {
animate(index+1, status, (s-10<1)?0:s-10);
});
}
};
$('#al_expand_collapse').on('click', function(e){
e.preventDefault();
if ( $(this).data('s') ) {
$(this).data('s', '');
animate(0, 'up', 100);
} else {
$(this).data('s', 1);
animate(0, 'down', 100);
}
});
});
})(jQuery, window);
</script>
插件安装
- Akismet Anti-Spam: Spam Protection:垃圾评论
- Autoptimize:自动优化
- Custom Smilies:表情包
- Elementor:页面生成器
- Getwid:古登堡插件
- Gutenberg:古登堡
- Hermit X:音乐播放器
- Meow Gallery:相册
- Meta Box:自定义字段
- Post Types Order:随意拖放排序
- Pretty Links:短链接
- SmartideoModified:在线视频
- Spectra:古登堡插件
- USS Upyun:又拍云存储
- WP-Douban:标记专用
- WPJAM BASIC:屏蔽功能
- 积木箱子:主题插件
- 超级缓存:超级缓存
折腾日记
- 新增SAY页面:使用MEMO搭建。记录地址:https://sicza.com/2023/0704/memo.sic
- MySQL自动停止解决办法:
- 安装Linux工具箱,设置Swap/虚拟内存。数值可根据实际物理内存设置。
- 安装PHP扩展:opcache 和 memcached
- 增加Shell 脚本。
进程守护:每2小时监测
pgrep -x mysqld &> /dev/null
if [ $? -ne 0 ];then
bash /www/server/panel/script/rememory.sh
/etc/init.d/mysqld start
fi
监控重启:每1分钟
#!/bin/bash PATH=/bin:/sbin:/usr/bin:/usr/sbin:/usr/local/bin:/usr/local/sbin:~/bin export PATH pgrep -x mysqld /dev/null if [ $? -ne 0 ] echo At time:$(date) :MySQL is stop . /var/log/mysql_messages service mysqld start fi
功能使用
[-reply]需要隐藏的内容[/reply]
注意事项
声明: 本文采用 BY-NC-SA 协议进行授权 | 转载请注明出处《WORDPRESS完善日志》
您好,这是一条评论。若需要审核、编辑或删除评论,请访问仪表盘的评论界面。评论者头像来自 Gravatar。