<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>雲遊四海</title>
    <link rel="stylesheet" href="/assets/built/screen.css?v=55f0354165">

    <meta name="description" content="Thoughts, stories and ideas.">
    <link rel="canonical" href="http://blog.filia.us/">
    <meta name="referrer" content="no-referrer-when-downgrade">
    
    <meta property="og:site_name" content="雲遊四海">
    <meta property="og:type" content="website">
    <meta property="og:title" content="雲遊四海">
    <meta property="og:description" content="Thoughts, stories and ideas.">
    <meta property="og:url" content="http://blog.filia.us/">
    <meta property="og:image" content="https://static.ghost.org/v5.0.0/images/publication-cover.jpg">
    <meta property="article:publisher" content="https://www.facebook.com/ghost">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="雲遊四海">
    <meta name="twitter:description" content="Thoughts, stories and ideas.">
    <meta name="twitter:url" content="http://blog.filia.us/">
    <meta name="twitter:image" content="https://static.ghost.org/v5.0.0/images/publication-cover.jpg">
    <meta name="twitter:site" content="@ghost">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="840">
    
    <script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "WebSite",
    "publisher": {
        "@type": "Organization",
        "name": "雲遊四海",
        "url": "http://blog.filia.us/",
        "logo": {
            "@type": "ImageObject",
            "url": "http://blog.filia.us/favicon.ico",
            "width": 48,
            "height": 48
        }
    },
    "url": "http://blog.filia.us/",
    "name": "雲遊四海",
    "image": {
        "@type": "ImageObject",
        "url": "https://static.ghost.org/v5.0.0/images/publication-cover.jpg",
        "width": 1200,
        "height": 840
    },
    "mainEntityOfPage": "http://blog.filia.us/",
    "description": "Thoughts, stories and ideas."
}
    </script>

    <meta name="generator" content="Ghost 6.42">
    <link rel="alternate" type="application/rss+xml" title="雲遊四海" href="http://blog.filia.us/rss/">
    <script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.68/umd/portal.min.js" data-i18n="true" data-ghost="http://blog.filia.us/" data-key="cde31a030633492ed88982342c" data-api="http://blog.filia.us/ghost/api/content/" data-locale="en" crossorigin="anonymous"></script><style id="gh-members-styles">.gh-post-upgrade-cta-content,
.gh-post-upgrade-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: center;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
}

.gh-post-upgrade-cta-content {
    border-radius: 8px;
    padding: 40px 4vw;
}

.gh-post-upgrade-cta h2 {
    color: #ffffff;
    font-size: 28px;
    letter-spacing: -0.2px;
    margin: 0;
    padding: 0;
}

.gh-post-upgrade-cta p {
    margin: 20px 0 0;
    padding: 0;
}

.gh-post-upgrade-cta small {
    font-size: 16px;
    letter-spacing: -0.2px;
}

.gh-post-upgrade-cta a {
    color: #ffffff;
    cursor: pointer;
    font-weight: 500;
    box-shadow: none;
    text-decoration: underline;
}

.gh-post-upgrade-cta a:hover {
    color: #ffffff;
    opacity: 0.8;
    box-shadow: none;
    text-decoration: underline;
}

.gh-post-upgrade-cta a.gh-btn {
    display: block;
    background: #ffffff;
    text-decoration: none;
    margin: 28px 0 0;
    padding: 8px 18px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
}

.gh-post-upgrade-cta a.gh-btn:hover {
    opacity: 0.92;
}</style>
    <script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/sodo-search.min.js" data-key="cde31a030633492ed88982342c" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/main.css" data-sodo-search="http://blog.filia.us/" data-locale="en" crossorigin="anonymous"></script>
    
    <link href="http://blog.filia.us/webmentions/receive/" rel="webmention">
    <script defer src="/public/cards.min.js?v=55f0354165"></script>
    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=55f0354165">
    <script defer src="/public/comment-counts.min.js?v=55f0354165" data-ghost-comments-counts-api="http://blog.filia.us/members/api/comments/counts/"></script>
    <script defer src="/public/member-attribution.min.js?v=55f0354165"></script><style>:root {--ghost-accent-color: #FF1A75;}</style>
</head>

<body class="home-template is-head-left-logo">
<div class="site">

    <header id="gh-head" class="gh-head gh-outer">
        <div class="gh-head-inner">
            <div class="gh-head-brand">
                <div class="gh-head-brand-wrapper">
                    <a class="gh-head-logo" href="http://blog.filia.us">
                            雲遊四海
                    </a>
                </div>
                <button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" width="20" height="20"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></button>
                <button class="gh-burger" aria-label="Toggle menu"></button>
            </div>

            <nav class="gh-head-menu">
                <ul class="nav">
    <li class="nav-home nav-current"><a href="http://blog.filia.us/">Home</a></li>
    <li class="nav-about"><a href="http://blog.filia.us/about/">About</a></li>
</ul>

            </nav>

            <div class="gh-head-actions">
                    <button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" width="20" height="20"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></button>
                    <div class="gh-head-members">
                                <a class="gh-head-link" href="#/portal/signin" data-portal="signin">Sign in</a>
                                <a class="gh-head-btn gh-btn gh-primary-btn" href="#/portal/signup" data-portal="signup">Subscribe</a>
                    </div>
            </div>
        </div>
    </header>

            
    <div class="site-content">
        
<div class="content-area">
<main class="site-main">

    <div class="post-feed">
            <article class="post no-image no-image">


    <div class="gh-canvas">
        <header class="post-header">
            <h2 class="post-title">
                <a class="post-title-link" href="/guan-yu-ben-zhan/">關於本站</a>
            </h2>
            <div class="post-meta">
                <span class="post-meta-item post-meta-date">
                    <time datetime="2025-08-26">26 Aug 2025</time>
                </span>
                    <script
    data-ghost-comment-count="68ad8476fd2a210001f94829"
    data-ghost-comment-count-empty=""
    data-ghost-comment-count-singular="comment"
    data-ghost-comment-count-plural="comments"
    data-ghost-comment-count-tag="span"
    data-ghost-comment-count-class-name="post-meta-item"
    data-ghost-comment-count-autowrap="true"
>
</script>
            </div>
        </header>

            <div class="post-excerpt">
                目前架設在Google Cloud Platform(簡稱GCP)上的Cloud Engine

用的是可以免費用的最低額度方案

這上面跑了

picsur 一個類似imgur的服務

tt-rss 拿來訂閱rss用的

最後就是現在看到的blog，用ghost架設

然後全部跑在docker上，所以其實在系統上我只裝了docker而已XD

有空再來寫一些教學文吧

其實本來還想架更多，不過目前這樣其實系統就快吃不消了，所以還是算了...
            </div>
    </div>

</article>            <article class="post no-image no-image">


    <div class="gh-canvas">
        <header class="post-header">
            <h2 class="post-title">
                <a class="post-title-link" href="/xin-ju-luo-cheng/">新居落成!</a>
            </h2>
            <div class="post-meta">
                <span class="post-meta-item post-meta-date">
                    <time datetime="2025-08-25">25 Aug 2025</time>
                </span>
                    <script
    data-ghost-comment-count="68ac5625b538f5000135fa16"
    data-ghost-comment-count-empty=""
    data-ghost-comment-count-singular="comment"
    data-ghost-comment-count-plural="comments"
    data-ghost-comment-count-tag="span"
    data-ghost-comment-count-class-name="post-meta-item"
    data-ghost-comment-count-autowrap="true"
>
</script>
            </div>
        </header>

            <div class="post-excerpt">
                之前的blog荒廢太久，然後信用卡扣款失敗把我的Server砍了QQ

直接重建了...
            </div>
    </div>

</article>            <article class="post tag-news">

    <figure class="post-media gh-canvas">
        <div class="u-placeholder horizontal kg-width-wide">
            <a class="post-image-link" href="/coming-soon/">
                <img
                    class="post-image u-object-fit"
                    srcset="https://static.ghost.org/v4.0.0/images/feature-image.jpg 400w,
                            https://static.ghost.org/v4.0.0/images/feature-image.jpg 750w,
                            https://static.ghost.org/v4.0.0/images/feature-image.jpg 960w,
                            https://static.ghost.org/v4.0.0/images/feature-image.jpg 1140w,
                            https://static.ghost.org/v4.0.0/images/feature-image.jpg 1920w"
                    sizes="(min-width: 960px) 960px, 92vw"
                    src="https://static.ghost.org/v4.0.0/images/feature-image.jpg"
                    alt="Coming soon"
                    loading="lazy"
                >
            </a>
        </div>
    </figure>

    <div class="gh-canvas">
        <header class="post-header">
            <h2 class="post-title">
                <a class="post-title-link" href="/coming-soon/">Coming soon</a>
            </h2>
            <div class="post-meta">
                <span class="post-meta-item post-meta-date">
                    <time datetime="2025-08-25">25 Aug 2025</time>
                </span>
                    <script
    data-ghost-comment-count="68ac5507b538f5000135f7d8"
    data-ghost-comment-count-empty=""
    data-ghost-comment-count-singular="comment"
    data-ghost-comment-count-plural="comments"
    data-ghost-comment-count-tag="span"
    data-ghost-comment-count-class-name="post-meta-item"
    data-ghost-comment-count-autowrap="true"
>
</script>
                    <span class="post-meta-item post-meta-tags"><a class="post-tag post-tag-news" href="/tag/news/" title="News">News</a></span>
            </div>
        </header>

            <div class="post-excerpt">
                This is 雲遊四海, a brand new site by 司馬雲 that&#39;s just getting started. Things will be up and running here shortly, but you can subscribe in the meantime if you&#39;
            </div>
    </div>

</article>    </div>

    <div class="gh-outer">
<nav class="pagination">

    <div class="pagination-left">
    </div>


    <div class="pagination-right">
    </div>

</nav>
</div>

</main>
</div>

    </div>

    <footer class="gh-foot gh-outer">
        <div class="gh-foot-inner gh-inner">
            <div class="gh-copyright">
                雲遊四海 © 2026
            </div>
                <nav class="gh-foot-menu">
                    <ul class="nav">
    <li class="nav-sign-up nav-current"><a href="#/portal/">Sign up</a></li>
</ul>

                </nav>
            <div class="gh-powered-by">
                <a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a>
            </div>
        </div>
    </footer>

</div>


<script
    src="https://code.jquery.com/jquery-3.5.1.min.js"
    integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
    crossorigin="anonymous">
</script>
<script src="/assets/built/main.min.js?v=55f0354165"></script>



</body>
</html>