<?xml version='1.0' encoding='UTF-8'?>
<?xml-stylesheet href="/rss/stylesheet/" type="text/xsl"?>
<rss xmlns:podcast='https://podcastindex.org/namespace/1.0' xmlns:content='http://purl.org/rss/1.0/modules/content/' xmlns:taxo='http://purl.org/rss/1.0/modules/taxonomy/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#' xmlns:itunes='http://www.itunes.com/dtds/podcast-1.0.dtd' xmlns:googleplay="http://www.google.com/schemas/play-podcasts/1.0" xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:atom='http://www.w3.org/2005/Atom' xmlns:podbridge='http://www.podbridge.com/podbridge-ad.dtd' version='2.0'>
<channel>
  <title>Also Known As</title>
  <language>zh-tw</language>
  <generator>microfeed.org</generator>
  <itunes:type>episodic</itunes:type>
  <itunes:explicit>false</itunes:explicit>
  <atom:link rel="self" href="https://aka.tw/rss/" type="application/rss+xml"/>
  <link>https://aka.tw</link>
  <description>
    <![CDATA[<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700&family=Noto+Sans+TC:wght@400;500&display=swap" rel="stylesheet">

<style>
.mf-about{
  --bg:#EDF5F3; --ink:#0F2A33; --muted:#4C6770; --line:#C5D9D6;
  --teal:#1B8F86; --sky:#6FAEE6; --btn-ink:#EDF5F3;
  --dot:27,143,134; --link:111,174,230;
  --display:"Bricolage Grotesque","Noto Sans TC",system-ui,sans-serif;
  position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;
  margin:0 0 4em;padding:3.5rem 2rem;
  background:var(--bg);color:var(--ink);
  border:1px solid var(--line);border-radius:1rem;
  font-family:"Noto Sans TC",system-ui,sans-serif;line-height:1.7;
}
.dark .mf-about{
  --bg:#0C1D23; --ink:#E6F2F0; --muted:#93AEB3; --line:#21414A;
  --teal:#4FD1C5; --sky:#7DB9F0; --btn-ink:#0C1D23;
  --dot:79,209,197; --link:125,185,240;
}
.mf-about *,.mf-about *::before,.mf-about *::after{box-sizing:border-box}

.mf-about__field{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.mf-about::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 70% 80% at 25% 50%,var(--bg) 0%,transparent 80%);opacity:.85}

.mf-about p,.mf-about h3,.mf-about h4{margin:0}
.mf-about__brand{font-family:var(--display);font-weight:600;color:var(--teal);margin-bottom:1.4rem!important}
.mf-about__title{font-family:var(--display);font-weight:700;font-size:clamp(2.2rem,9cqw,3.8rem);
  line-height:1.04;letter-spacing:-.035em;max-width:13ch}
.mf-about__zh{margin-top:1rem!important;color:var(--muted);letter-spacing:.12em}
.mf-about__lede{max-width:46ch;margin-top:1.3rem!important}

.mf-about__points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2.6rem}
.mf-about__points>div{padding:0 1.3rem;border-left:1px solid var(--line)}
.mf-about__points>div:first-child{padding-left:0;border-left:0}
.mf-about__points h4{font-family:var(--display);font-size:1rem;font-weight:600;margin-bottom:.3rem}
.mf-about__points p{font-size:.9rem;line-height:1.6;color:var(--muted)}

.mf-about__cta{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem;margin-top:2.2rem}
.mf-about a.mf-about__btn,.mf-about a.mf-about__btn:visited{
  display:inline-block;background:var(--ink);color:var(--btn-ink);
  padding:.75rem 1.5rem;border-radius:999px;font-weight:500;
  transition:background .25s,transform .25s}
.mf-about a.mf-about__btn:hover{background:var(--teal);transform:translateY(-2px);opacity:1}
.mf-about a.mf-about__link,.mf-about a.mf-about__link:visited{
  color:var(--ink);border-bottom:1px solid var(--teal);padding-bottom:2px}
.mf-about a.mf-about__link:hover{color:var(--teal);opacity:1}
.mf-about a:focus-visible{outline:3px solid var(--sky);outline-offset:4px;border-radius:6px}

.mf-about__in{opacity:0;transform:translateY(12px);animation:mf-about-settle .9s cubic-bezier(.2,.7,.2,1) forwards}
.mf-about__in:nth-of-type(2){animation-delay:.1s}
.mf-about__in:nth-of-type(3){animation-delay:.2s}
.mf-about__in:nth-of-type(4){animation-delay:.3s}
@keyframes mf-about-settle{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .mf-about__in{animation:none;opacity:1;transform:none}
  .mf-about a.mf-about__btn{transition:none}
}

@container (max-width:560px){
  .mf-about__points{grid-template-columns:1fr;gap:1.2rem}
  .mf-about__points>div{padding:1rem 0 0;border-left:0;border-top:1px solid var(--line)}
  .mf-about__points>div:first-child{border-top:0;padding-top:0}
}
@media (max-width:600px){.mf-about{padding:2.5rem 1.25rem}}
</style>

<section class="mf-about" aria-labelledby="mf-about-title">
  <canvas class="mf-about__field" aria-hidden="true"></canvas>

  <p class="mf-about__brand mf-about__in">aka.tw</p>
  <h3 id="mf-about-title" class="mf-about__title mf-about__in">One name, known everywhere.</h3>
  <p class="mf-about__zh mf-about__in" lang="zh-TW">一個名字，連結所有地方</p>
  <p class="mf-about__lede mf-about__in">aka means “also known as.” We help you gather every page, profile and project you have under one short, memorable address, so people always land in the right place.</p>

  <div class="mf-about__points mf-about__in">
    <div><h4>Short by design</h4><p>An address people can say out loud and remember after one hearing.</p></div>
    <div><h4>Always connected</h4><p>Point one name to as many destinations as you like, and change them any time.</p></div>
    <div><h4>Made in Taiwan</h4><p>Fast, local and built for readers of both Traditional Chinese and English.</p></div>
  </div>

  <div class="mf-about__cta mf-about__in">
    <a class="mf-about__btn" href="/link/">Claim your name</a>
    <a class="mf-about__link" href="/about/">See how it works</a>
  </div>
</section>

<script>
(function(){
  var root=document.querySelector('.mf-about');
  if(!root||root.dataset.ready)return;
  root.dataset.ready='1';
  var c=root.querySelector('.mf-about__field'),x=c.getContext('2d');
  var reduce=matchMedia('(prefers-reduced-motion: reduce)').matches;
  var W,H,P=[],mouse={x:-999,y:-999},LINK=140,cDot,cLink,running=false;

  function colors(){
    var s=getComputedStyle(root);
    cDot=s.getPropertyValue('--dot').trim();
    cLink=s.getPropertyValue('--link').trim();
  }
  function size(){
    var dpr=Math.min(devicePixelRatio||1,2);
    W=root.clientWidth;H=root.clientHeight;
    c.width=W*dpr;c.height=H*dpr;x.setTransform(dpr,0,0,dpr,0,0);
    var n=Math.round(Math.min(70,Math.max(24,W*H/14000)));
    LINK=W<560?100:140;P=[];
    for(var i=0;i<n;i++)P.push({
      x:Math.random()*W,y:Math.random()*H,
      vx:(Math.random()-.5)*.28,vy:(Math.random()-.5)*.28,
      r:Math.random()*1.8+1,big:Math.random()<.12});
    colors();
  }
  function frame(){
    x.clearRect(0,0,W,H);
    for(var i=0;i<P.length;i++){
      var p=P[i];
      if(!reduce){
        p.x+=p.vx;p.y+=p.vy;
        if(p.x<-20)p.x=W+20;if(p.x>W+20)p.x=-20;
        if(p.y<-20)p.y=H+20;if(p.y>H+20)p.y=-20;
        var dx=p.x-mouse.x,dy=p.y-mouse.y,d=Math.hypot(dx,dy);
        if(d<110&&d>0){p.x+=dx/d*.6;p.y+=dy/d*.6}
      }
      for(var j=i+1;j<P.length;j++){
        var q=P[j],dist=Math.hypot(p.x-q.x,p.y-q.y);
        if(dist<LINK){
          x.strokeStyle='rgba('+cLink+','+((1-dist/LINK)*.45)+')';
          x.lineWidth=1;x.beginPath();x.moveTo(p.x,p.y);x.lineTo(q.x,q.y);x.stroke();
        }
      }
      var md=Math.hypot(p.x-mouse.x,p.y-mouse.y);
      if(md<LINK*1.3){
        x.strokeStyle='rgba('+cDot+','+((1-md/(LINK*1.3))*.55)+')';
        x.beginPath();x.moveTo(p.x,p.y);x.lineTo(mouse.x,mouse.y);x.stroke();
      }
    }
    for(var k=0;k<P.length;k++){
      var s=P[k];
      x.fillStyle='rgba('+cDot+','+(s.big?.9:.55)+')';
      x.beginPath();x.arc(s.x,s.y,s.big?s.r+1.6:s.r,0,6.283);x.fill();
      if(s.big){x.strokeStyle='rgba('+cDot+',.25)';x.beginPath();x.arc(s.x,s.y,s.r+6,0,6.283);x.stroke()}
    }
    if(running&&!reduce)requestAnimationFrame(frame);
  }
  function start(){if(running)return;running=true;frame()}
  function stop(){running=false}

  root.addEventListener('pointermove',function(e){var r=root.getBoundingClientRect();mouse.x=e.clientX-r.left;mouse.y=e.clientY-r.top});
  root.addEventListener('pointerleave',function(){mouse.x=mouse.y=-999});

  var t;addEventListener('resize',function(){clearTimeout(t);t=setTimeout(function(){size();frame()},150)});
  // follow the site's theme switcher (it toggles a "dark" class on <html>)
  new MutationObserver(function(){colors();if(!running)frame()})
    .observe(document.documentElement,{attributes:true,attributeFilter:['class']});

  size();frame();
  if('IntersectionObserver' in window){
    new IntersectionObserver(function(e){e[0].isIntersecting?start():stop()}).observe(root);
  }else start();
})();
</script>]]>
  </description>
  <itunes:image href="https://mmf.aka.tw/production/images/channel-bd0e5b9ad8f4c6136452d22312d41963.png"/>
  <image>
    <title>Also Known As</title>
    <url>https://mmf.aka.tw/production/images/channel-bd0e5b9ad8f4c6136452d22312d41963.png</url>
    <link>https://aka.tw</link>
  </image>
  <copyright>©2026</copyright>
  <itunes:category text="Technology"/>
  <item>
    <title>Pages 功能</title>
    <guid>NzLXXsjYp-l</guid>
    <pubDate>Wed, 04 Nov 2026 12:36:31 GMT</pubDate>
    <itunes:explicit>false</itunes:explicit>
    <description>
      <![CDATA[<p>Pages 功能是一個專門用來託管與發佈靜態 HTML 頁面的平台。無論是快速分享一個小工具、展示個人作品,或是架設一個輕量級的網頁應用，只需要準備好 HTML、CSS 與 JavaScript 就能讓它在網路上立即上線，不需要自己維護伺服器,也不必煩惱複雜的部署流程。</p><p>靜態頁面不依賴後端資料庫或伺服器端程式,載入速度快、穩定性高，也更容易維護。Pages 功能以這樣的特性為核心，讓每一個頁面都能以簡潔的方式存取與分享。</p><p>雖然是靜態頁面,但透過瀏覽器端的 JavaScript,依然可以實現相當豐富的功能,例如:</p><ol><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>實用小工具:計算機、單位換算、文字處理、格式轉換等</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>互動式頁面:測驗、小遊戲、資料視覺化與圖表展示</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>內容展示:個人履歷、作品集、活動邀請函、產品介紹頁</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>文件與說明:教學指南、技術文件、視覺化的解說頁面</li><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>儀表板與追蹤器:在瀏覽器端運作的個人記錄與管理工具</li></ol><p>pages.aka.tw 讓網頁發佈回歸簡單：一個頁面、一個連結，便能把想法分享給全世界。如果你有一個點子，不妨用一個 HTML 檔案實現它。</p>]]>
    </description>
    <link>https://aka.tw/i/pages-%E5%8A%9F%E8%83%BD/</link>
    <itunes:image href="https://mmf.aka.tw/production/images/item-6dab2bd8869f20e611b128a1fe4a9222.png"/>
    <itunes:episodeType>full</itunes:episodeType>
    <enclosure url="https://pages.aka.tw/" type="text/html"/>
  </item>
</channel>
</rss>