<?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>2026年1月25日 &#8211; 景の域</title>
	<atom:link href="https://v1sta.xyz/2026/01/25/feed/" rel="self" type="application/rss+xml" />
	<link>https://v1sta.xyz</link>
	<description>远景的幻想空间</description>
	<lastBuildDate>Tue, 24 Mar 2026 10:56:30 +0000</lastBuildDate>
	<language>zh-Hans</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.4</generator>

<image>
	<url>https://v1sta.xyz/wp-content/uploads/2026/03/V1sta-Orb-Output512-2-60x60.png</url>
	<title>2026年1月25日 &#8211; 景の域</title>
	<link>https://v1sta.xyz</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>NET7 Brand Design</title>
		<link>https://v1sta.xyz/artworks/net7-brand-design/</link>
					<comments>https://v1sta.xyz/artworks/net7-brand-design/#respond</comments>
		
		<dc:creator><![CDATA[域主 V1STA]]></dc:creator>
		<pubDate>Sun, 25 Jan 2026 08:35:49 +0000</pubDate>
				<category><![CDATA[艺术创作]]></category>
		<category><![CDATA[net7]]></category>
		<guid isPermaLink="false">https://v1sta.xyz/?p=2533</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-full"><a href="https://v1sta.xyz/wp-content/uploads/2026/01/net7-design-1.png" data-lbwps-width="800" data-lbwps-height="600" data-lbwps-srcsmall="https://v1sta.xyz/wp-content/uploads/2026/01/net7-design-1-300x225.png"><img fetchpriority="high" decoding="async" width="800" height="600" sizes="(max-width: 800px) 100vw, 800px" src="https://v1sta.xyz/wp-content/uploads/2026/01/net7-design-1.png" alt="" class="wp-image-2593" srcset="https://v1sta.xyz/wp-content/uploads/2026/01/net7-design-1.png 800w, https://v1sta.xyz/wp-content/uploads/2026/01/net7-design-1-300x225.png 300w, https://v1sta.xyz/wp-content/uploads/2026/01/net7-design-1-768x576.png 768w" /></a></figure>

<p><a href="https://v1sta.xyz/artworks/net7-brand-design/" rel="nofollow">来源</a></p>]]></content:encoded>
					
					<wfw:commentRss>https://v1sta.xyz/artworks/net7-brand-design/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<enclosure url="https://v1sta.xyz/wp-content/uploads/2026/01/net7-design-1.png" length="154224" type="image/png"/><media:content url="https://v1sta.xyz/wp-content/uploads/2026/01/net7-design-1.png" width="800" height="600" medium="image" type="image/png"/>	</item>
		<item>
		<title>随记 20260125</title>
		<link>https://v1sta.xyz/life/%e9%9a%8f%e8%ae%b0-20260125/</link>
					<comments>https://v1sta.xyz/life/%e9%9a%8f%e8%ae%b0-20260125/#respond</comments>
		
		<dc:creator><![CDATA[域主 V1STA]]></dc:creator>
		<pubDate>Sat, 24 Jan 2026 19:38:43 +0000</pubDate>
				<category><![CDATA[技术]]></category>
		<category><![CDATA[日常]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://v1sta.xyz/?p=2559</guid>

					<description><![CDATA[又是熬夜折腾WordPress的亿天…… 今天新上线了一个博客门户网站：网沏 Net7.Blog 不过目前其实 &#8230; <a href="https://v1sta.xyz/life/%e9%9a%8f%e8%ae%b0-20260125/" class="more-link">继续阅读<span class="screen-reader-text">随记 20260125</span> <span class="meta-nav">&#8594;</span></a>]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">又是熬夜折腾WordPress的亿天……</p>


<div class="wp-block-image pixbtn">
<figure class="alignright size-full"><a href="https://net7.blog"><img decoding="async" src="https://net7.blog/wp-content/uploads/2026/01/net7_88x31.png" alt="" class="wp-image-14"/></a></figure>
</div>


<p class="wp-block-paragraph">今天新上线了一个博客门户网站：网沏 <a href="http://net7.blog">Net7.Blog</a> <br>不过目前其实暂无刊登的打算，所以只是一个空壳作用的停放站。点击这个88&#215;31按钮即可访问。</p>



<figure class="wp-block-image size-large"><a href="https://v1sta.xyz/wp-content/uploads/2026/01/网沏_–_NET7.BLOG_-_Google_Chrome_chrome_yFZpjbWS8c2.png" data-lbwps-width="1367" data-lbwps-height="940" data-lbwps-srcsmall="https://v1sta.xyz/wp-content/uploads/2026/01/网沏_–_NET7.BLOG_-_Google_Chrome_chrome_yFZpjbWS8c2-300x206.png"><img decoding="async" width="1024" height="704" sizes="(max-width: 1024px) 100vw, 1024px" src="https://v1sta.xyz/wp-content/uploads/2026/01/网沏_–_NET7.BLOG_-_Google_Chrome_chrome_yFZpjbWS8c2-1024x704.png" alt="" class="wp-image-2563" srcset="https://v1sta.xyz/wp-content/uploads/2026/01/网沏_–_NET7.BLOG_-_Google_Chrome_chrome_yFZpjbWS8c2-1024x704.png 1024w, https://v1sta.xyz/wp-content/uploads/2026/01/网沏_–_NET7.BLOG_-_Google_Chrome_chrome_yFZpjbWS8c2-300x206.png 300w, https://v1sta.xyz/wp-content/uploads/2026/01/网沏_–_NET7.BLOG_-_Google_Chrome_chrome_yFZpjbWS8c2-768x528.png 768w, https://v1sta.xyz/wp-content/uploads/2026/01/网沏_–_NET7.BLOG_-_Google_Chrome_chrome_yFZpjbWS8c2.png 1367w" /></a></figure>



<p class="wp-block-paragraph">在折腾WordPress主题的时候发现年度公版主题都更新成古腾堡区块样式了，后面在WordPress.com以及WordPress.org站才发现WP的母公司Automattic居然发了这么多WP主题；<br>而尤其在2024年区块主题完善期间，Automattic还逐步推出了各类区块主题，高产似Tumblr，这其中有一个特别有意思的是Minecraft风格的Bedrock（基岩）主题，看起来像是游戏服务器站对应博客会用的样子。</p>



<p class="wp-block-paragraph">区块主题我一开始是拒绝的，感觉很不直观，而且以前的PHP模板也不能直接使用，也是不太符合WordPress本来作为博客软件的用途；</p>



<p class="wp-block-paragraph">但是实际上手后发现其实也没有那么难用，<br>我换句话说就是，采用了区块技术的主题其实就是内置了一个轻量化的Elementor页面构建器，而且比市面上的构建器不仅免费还更简洁，<br>如果擅长页面排版并且有相应工作经验的话会很容易上手。</p>



<p class="wp-block-paragraph">这非常适合用来做作品集！可以把它当成一个排版软件来使用。</p>



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



<p class="wp-block-paragraph">我曾经很多在纸上画的设计稿奈于代码无法实现，但是现今用WordPress的区块主题基本上可以80%复刻，还可以自己传字体。<br>虽说代码干净程度和性能效率肯定是比不上Vue、Next等等那样的新技术，不过WordPress现在的性能也不算特别糟糕，<br>对于小网站来说，也算是节约了非技术工作者的时间。</p>



<p class="wp-block-paragraph">网沏目前使用的主题是 <a href="https://wordpress.org/themes/sunderland/" data-type="link" data-id="https://wordpress.org/themes/sunderland/">Sunderland</a>，一个很简约甚至可以说很素的主题。<br>默认的模板配置好像是会场预告或者播客之类的用途，主页甚至也没有标准的菜单、页脚以及搜索栏，也算是停放页面的一种。虽说基于区块技术构建，其实完全可以自己改布局就是了。</p>



<p class="wp-block-paragraph">用这个主题的话，甚至可以把WP的站内搜索功能关掉，以免数据库影响性能。</p>



<p class="wp-block-paragraph">有时间把景之域的2014主题也维护一下吧……最近也在打算制作子主题。</p>

<p><a href="https://v1sta.xyz/life/%e9%9a%8f%e8%ae%b0-20260125/" rel="nofollow">来源</a></p>]]></content:encoded>
					
					<wfw:commentRss>https://v1sta.xyz/life/%e9%9a%8f%e8%ae%b0-20260125/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<enclosure url="https://v1sta.xyz/wp-content/uploads/2026/01/网沏_–_NET7.BLOG_-_Google_Chrome_chrome_yFZpjbWS8c2-1024x704.png" length="277000" type="image/png"/><media:content url="https://v1sta.xyz/wp-content/uploads/2026/01/网沏_–_NET7.BLOG_-_Google_Chrome_chrome_yFZpjbWS8c2-1024x704.png" width="1024" height="704" medium="image" type="image/png"/>	</item>
		<item>
		<title>CSS缩放放大88&#215;31像素按钮图</title>
		<link>https://v1sta.xyz/tech/css%e7%bc%a9%e6%94%be%e6%94%be%e5%a4%a788x31%e5%83%8f%e7%b4%a0%e6%8c%89%e9%92%ae%e5%9b%be/</link>
					<comments>https://v1sta.xyz/tech/css%e7%bc%a9%e6%94%be%e6%94%be%e5%a4%a788x31%e5%83%8f%e7%b4%a0%e6%8c%89%e9%92%ae%e5%9b%be/#respond</comments>
		
		<dc:creator><![CDATA[域主 V1STA]]></dc:creator>
		<pubDate>Sat, 24 Jan 2026 19:00:53 +0000</pubDate>
				<category><![CDATA[技术]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://v1sta.xyz/?p=2547</guid>

					<description><![CDATA[最近刚好在制作88&#215;31的“复古”按钮图，这类上个世纪的Web按钮都是由像素点构成的，和老游戏一样， &#8230; <a href="https://v1sta.xyz/tech/css%e7%bc%a9%e6%94%be%e6%94%be%e5%a4%a788x31%e5%83%8f%e7%b4%a0%e6%8c%89%e9%92%ae%e5%9b%be/" class="more-link">继续阅读<span class="screen-reader-text">CSS缩放放大88&#215;31像素按钮图</span> <span class="meta-nav">&#8594;</span></a>]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">最近刚好在制作88&#215;31的“复古”按钮图，这类上个世纪的Web按钮都是由像素点构成的，和老游戏一样，已经不太适合现今的高分缩放LCD屏幕浏览，尤其是智能手机或是高分屏电脑显示器。</p>



<p class="wp-block-paragraph">虽然自己设计可以试着导出176&#215;62尺寸的图样，但无论是制作还是调用都略显麻烦。后在网上寻找到这条Mastodon的Toots，可悉知CSS已经支持整数倍放大像素图片的缩放处理了。</p>



<blockquote class="mastodon-embed" data-embed-url="https://rubber.social/@dragonarchitect/115072464005241306/embed" style="background: #FCF8FF; border-radius: 8px; border: 1px solid #C9C4DA; margin: 0; max-width: 540px; min-width: 270px; overflow: hidden; padding: 0;"> <a href="https://rubber.social/@dragonarchitect/115072464005241306" target="_blank" style="align-items: center; color: #1C1A25; display: flex; flex-direction: column; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Roboto, sans-serif; font-size: 14px; justify-content: center; letter-spacing: 0.25px; line-height: 20px; padding: 24px; text-decoration: none;"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 79 75"><path d="M63 45.3v-20c0-4.1-1-7.3-3.2-9.7-2.1-2.4-5-3.7-8.5-3.7-4.1 0-7.2 1.6-9.3 4.7l-2 3.3-2-3.3c-2-3.1-5.1-4.7-9.2-4.7-3.5 0-6.4 1.3-8.6 3.7-2.1 2.4-3.1 5.6-3.1 9.7v20h8V25.9c0-4.1 1.7-6.2 5.2-6.2 3.8 0 5.8 2.5 5.8 7.4V37.7H44V27.1c0-4.9 1.9-7.4 5.8-7.4 3.5 0 5.2 2.1 5.2 6.2V45.3h8ZM74.7 16.6c.6 6 .1 15.7.1 17.3 0 .5-.1 4.8-.1 5.3-.7 11.5-8 16-15.6 17.5-.1 0-.2 0-.3 0-4.9 1-10 1.2-14.9 1.4-1.2 0-2.4 0-3.6 0-4.8 0-9.7-.6-14.4-1.7-.1 0-.1 0-.1 0s-.1 0-.1 0 0 .1 0 .1 0 0 0 0c.1 1.6.4 3.1 1 4.5.6 1.7 2.9 5.7 11.4 5.7 5 0 9.9-.6 14.8-1.7 0 0 0 0 0 0 .1 0 .1 0 .1 0 0 .1 0 .1 0 .1.1 0 .1 0 .1.1v5.6s0 .1-.1.1c0 0 0 0 0 .1-1.6 1.1-3.7 1.7-5.6 2.3-.8.3-1.6.5-2.4.7-7.5 1.7-15.4 1.3-22.7-1.2-6.8-2.4-13.8-8.2-15.5-15.2-.9-3.8-1.6-7.6-1.9-11.5-.6-5.8-.6-11.7-.8-17.5C3.9 24.5 4 20 4.9 16 6.7 7.9 14.1 2.2 22.3 1c1.4-.2 4.1-1 16.5-1h.1C51.4 0 56.7.8 58.1 1c8.4 1.2 15.5 7.5 16.6 15.6Z" fill="currentColor"/></svg> <div style="color: #787588; margin-top: 16px;">Post by @dragonarchitect@rubber.social</div> <div style="font-weight: 500;">View on Mastodon</div> </a> </blockquote> <script data-allowed-prefixes="https://rubber.social/" async src="https://rubber.social/embed.js"></script>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">对于WordPress来说，可以通过添加自定义的style.css代码的class类，并在WP的图片插入功能中调用class类，以此实现这一效果：</p>



<pre class="wp-block-code has-chivo-mono-font-family has-small-font-size" style="padding-top:0.8em;padding-right:0.8em;padding-bottom:0.8em;padding-left:0.8em"><code>.pixbtn {
image-rendering: pixelated;
}</code></pre>


<div class="wp-block-image pixbtn">
<figure class="alignleft size-full"><img decoding="async" width="269" height="126" sizes="(max-width: 269px) 100vw, 269px" src="https://v1sta.xyz/wp-content/uploads/2026/01/image.png" alt="" class="wp-image-2548"/></figure>
</div>


<p class="pixbtn has-small-font-size wp-block-paragraph">详情参见：<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/image-rendering">https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/image-rendering</a></p>



<p class="wp-block-paragraph"></p>

<p><a href="https://v1sta.xyz/tech/css%e7%bc%a9%e6%94%be%e6%94%be%e5%a4%a788x31%e5%83%8f%e7%b4%a0%e6%8c%89%e9%92%ae%e5%9b%be/" rel="nofollow">来源</a></p>]]></content:encoded>
					
					<wfw:commentRss>https://v1sta.xyz/tech/css%e7%bc%a9%e6%94%be%e6%94%be%e5%a4%a788x31%e5%83%8f%e7%b4%a0%e6%8c%89%e9%92%ae%e5%9b%be/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<enclosure url="https://v1sta.xyz/wp-content/uploads/2026/03/V1sta-Orb-Output512-2.png" length="199214" type="image/png"/><media:content url="https://v1sta.xyz/wp-content/uploads/2026/03/V1sta-Orb-Output512-2.png" width="512" height="512" medium="image" type="image/png"/>	</item>
	</channel>
</rss>
