<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet href="https://v1sta.xyz/wp-content/plugins/pretty-rss-feeds/xslt/pretty-feed.xsl" type="text/xsl" media="screen" ?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:media="http://search.yahoo.com/mrss/">

<channel>
	<title>2023年5月1日 &#8211; 景の域</title>
	<atom:link href="https://v1sta.xyz/2023/05/01/feed/" rel="self" type="application/rss+xml" />
	<link>https://v1sta.xyz</link>
	<description>远景的幻想空间</description>
	<lastBuildDate>Mon, 01 May 2023 16:09:28 +0000</lastBuildDate>
	<language>zh-Hans</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.2</generator>

<image>
	<url>https://v1sta.xyz/wp-content/uploads/2026/03/V1sta-Orb-Output512-2-60x60.png</url>
	<title>2023年5月1日 &#8211; 景の域</title>
	<link>https://v1sta.xyz</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>WordPress搭建日记 Vol.1</title>
		<link>https://v1sta.xyz/tech/wordpress-vol-1/</link>
					<comments>https://v1sta.xyz/tech/wordpress-vol-1/#comments</comments>
		
		<dc:creator><![CDATA[域主 V1STA]]></dc:creator>
		<pubDate>Mon, 01 May 2023 07:41:49 +0000</pubDate>
				<category><![CDATA[技术]]></category>
		<category><![CDATA[FRP]]></category>
		<category><![CDATA[Webinoly]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://v1sta.xyz/?p=492</guid>

					<description><![CDATA[重新搭建好了WordPress博客，记录下折腾的一些成果。时至如今WordPress都迎来了20周年的高寿哇， &#8230; <a href="https://v1sta.xyz/tech/wordpress-vol-1/" class="more-link">继续阅读<span class="screen-reader-text">WordPress搭建日记 Vol.1</span> <span class="meta-nav">&#8594;</span></a>]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">重新搭建好了WordPress博客，记录下折腾的一些成果。<br>时至如今WordPress都迎来了20周年的高寿哇，域主自己搭建过的WP博客，早就数不清了吧（</p>



<span id="more-492"></span>



<h1 class="wp-block-heading">部署方式</h1>



<p class="wp-block-paragraph">这次为了节省成本，我将这个WP主机部署在家里的一台PVE虚拟机上面，然后通过FRP穿透到国外的VPS上访问。</p>



<p class="wp-block-paragraph">为何不直接用DDNS？虽然家里的宽带没有封锁443的https端口，显然还是考虑到国内运营商的法规风险，而穿透到外边的VPS，服务性质就完全不一样了。WP博客不太追求很高的网络性能，FRP穿透之VPS，足矣。</p>



<h1 class="wp-block-heading">搭建LNMP</h1>



<p class="wp-block-paragraph">搭建LNMP服务用的是 <strong><a href="https://webinoly.com">Webinoly</a></strong> ，这是一种开源的LNMP一键包，配置非常简单，终端输入以下脚本安装：</p>



<pre class="wp-block-preformatted">wget -qO weby qrok.es/wy &amp;&amp; sudo bash weby</pre>



<p class="wp-block-paragraph">类似国内的一些LNMP一键包，不过相对于那些自编译的一键包，Webinoly使用的是PPA作源、对WordPress原生支持、可以设置http验证和源站黑洞，设置完以后可以卸载Webinoly本体的脚本、保留PPA的LNMP服务，在安全性也比许多面板服务优秀许多；</p>



<p class="wp-block-paragraph">相对于同类的WordOps和容器化的EasyEngine，Webinoly自由度和易用性都更高一些。不过缺点也不是没有，一个是只支持Ubuntu，其次没有本地的帮助手册，如果倒了可能就消失不见。</p>



<p class="wp-block-paragraph">具体的命令记录先咕了，后续有空再填Webinoly的一些坑……</p>



<p class="wp-block-paragraph">记得最开始用的宝塔面板，用着用着，那是经常有舒克开着轰炸机扫我的服务器<em>（冷知识：贝塔在郑渊洁小说的一个曾用名就是宝塔）</em></p>



<h1 class="wp-block-heading">折腾主题：Back to the 2014</h1>



<p class="wp-block-paragraph">好吧，WordPress最重要的是记录为主，不过到手我对如今版本开箱即用的全区块主题化不算特别满意，逐换为上一个博客的主题：自用魔改的Mateo，一个Material Design 谷歌质感风格的主题，尽力模仿了Blogger</p>



<p class="wp-block-paragraph">后面还是觉得这个主题不太好看，作为个人的日记本不错，但不太适合做类似社团的博客空间。WP的Twenty年号系列主题，在2019的区块化之前的几个主题都还算不错的样子。</p>



<p class="wp-block-paragraph">先试了一下我最熟悉的2017，还是和上一个主题问题一样，后面尝试其他的20系主题，最后选定了Twenty Fourteen (2014) ：这个主题支持3.1引入的文章形式，对于多媒体和日志有更好的样式，简而言之完全可以当作一个没有时间线的微博/推特/Tumblr/QQ空间使用。</p>



<p class="wp-block-paragraph">但是有一个严重的问题：2014默认是不居中的，导致在大屏上显示过于靠左了，其次默认的配色锁定在了早苗绿（）所以，就这样魔改又熬了三四天的时间，在此放上我自定义的CSS代码</p>



<pre class="wp-block-preformatted">//整页居中
.site {
margin: 0 auto;
}

/* 立体卡片阴影 */

@media screen and (min-width: 592px){
.site-content .has-post-thumbnail .entry-header {
    box-shadow: 0px -25px 36px -20px #0000005F!important;
}
}

/* 侧边菜单渐变 */

.secondary-navigation li:hover &gt; a, .secondary-navigation li.focus &gt; a, .secondary-navigation ul ul {
    background-color: #00e8e8;
    background: linear-gradient(90deg, #00e8e8 20%, #ffffff00 100%);
}

/* 分类标题 */

.archive-title, .page-title {
	font-size: 2rem;
	font-weight: 300;
}

/* 彩蛋 */

.site-info {
background: rgb(163,163,163);
background: linear-gradient(180deg, 
	rgba(0,0,0,1) 1%,
	rgba(200,200,200,1) 2%,
	rgba(126,126,126,1) 5%, rgba(64,64,64,1) 50%, rgba(25,25,25,1) 50%, rgba(0,0,0,1) 100%);
}
</pre>



<p class="wp-block-paragraph">配色可以用一个插件解决：<a href="https://cn.wordpress.org/plugins/fourteen-colors/" data-type="URL" data-id="https://cn.wordpress.org/plugins/fourteen-colors/">Fourteen Colors</a> ，根据这个插件的描述，其实插件调用的是2014主题本来的颜色选择功能，但不知道什么原因最终被砍了，好在2014还有一些保留的主题代码，得以通过这个插件进行调整。</p>



<figure class="wp-block-image"><a href="https://v1sta.xyz/wp-content/uploads/2023/05/chrome_U4vcELaxzx.jpg" data-lbwps-width="1920" data-lbwps-height="1089" data-lbwps-srcsmall="https://v1sta.xyz/wp-content/uploads/2023/05/chrome_U4vcELaxzx-300x170.jpg"><img fetchpriority="high" decoding="async" width="1920" height="1089" sizes="(max-width: 1920px) 100vw, 1920px" src="https://v1sta.xyz/wp-content/uploads/2023/05/chrome_U4vcELaxzx.jpg" alt="" class="wp-image-525" srcset="https://v1sta.xyz/wp-content/uploads/2023/05/chrome_U4vcELaxzx.jpg 1920w, https://v1sta.xyz/wp-content/uploads/2023/05/chrome_U4vcELaxzx-300x170.jpg 300w, https://v1sta.xyz/wp-content/uploads/2023/05/chrome_U4vcELaxzx-1024x581.jpg 1024w, https://v1sta.xyz/wp-content/uploads/2023/05/chrome_U4vcELaxzx-768x436.jpg 768w, https://v1sta.xyz/wp-content/uploads/2023/05/chrome_U4vcELaxzx-1536x871.jpg 1536w" /></a></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph">在Steam上也有打CSGO水友识得WordPress，我真的感到欣慰，虽然不如手搓，我说那不就是Hugo或者Gatsby嘛（也许一样是技术出身？（w）</p>



<p class="wp-block-paragraph">下篇再更新AJAX刷新、音乐播放器的设置……</p>

<p><a href="https://v1sta.xyz/tech/wordpress-vol-1/" rel="nofollow">来源</a></p>]]></content:encoded>
					
					<wfw:commentRss>https://v1sta.xyz/tech/wordpress-vol-1/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
		<enclosure url="https://v1sta.xyz/wp-content/uploads/2023/05/chrome_U4vcELaxzx.jpg" length="281680" type="image/jpeg"/><media:content url="https://v1sta.xyz/wp-content/uploads/2023/05/chrome_U4vcELaxzx.jpg" width="1920" height="1089" medium="image" type="image/jpeg"/>	</item>
	</channel>
</rss>
