atom.xml

<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <id>https://fehey.com</id>
    <title>海岛心hey</title>
    <updated>2020-03-14T10:09:18.988Z</updated>
    <generator>https://github.com/jpmonette/feed</generator>
    <link rel="alternate" href="https://fehey.com"/>
    <link rel="self" href="https://fehey.com/atom.xml"/>
    <subtitle>Every 🐦 has an 🦅&apos;s dream.</subtitle>
    <logo>https://fehey.com/images/avatar.png</logo>
    <icon>https://fehey.com/favicon.ico</icon>
    <rights>All rights reserved 2020, 海岛心hey</rights>
    <entry>
        <title type="html"><![CDATA[PWA 在 2020]]></title>
        <id>https://fehey.com/post/pwa-2020/</id>
        <link href="https://fehey.com/post/pwa-2020/">
        </link>
        <updated>2020-01-20T08:11:31.000Z</updated>
        <content type="html"><![CDATA[<p>从 <a href="https://www.youtube.com/watch?v=ZlE7dzoD6GA&amp;feature=emb_title">Steve Jobs 最初提出的 Web 应用程序的想法 “看起来和使用起来完全想本地应用程序”</a>，已经过去 12 年了。并且从 <a href="https://medium.com/@slightlylate/progressive-apps-escaping-tabs-without-losing-our-soul-3b93a8561955">“PWA” 术语</a>被创造出来已经 4 年多了。在 2020 年刚开始的时间点，渐进式 Web 应用程序看起来怎么样了？在 2019 年添加了你可能不知道的内容到这个生态系统？让我们一起来看看吧！</p>
<h2 id="定义">定义</h2>
<p>PWA 的定义从来都不是一成不变的，每个开发者都有所不同。就我而言，我在 2020 年将 PWA 定义为一种设计模式，使其具有不同 API 的网络技术开发应用程序体验，例如用于资源管理的 Service Worker，用于浏览器安装的 Web App Manifest，用于 Play 商店发行的 Trusted Web Activities，等等。<br>
<img src="https://cdn.jsdelivr.net/gh/eryouhao/files@master/uPic/W2KGtt.jpg" alt="" loading="lazy"></p>
<blockquote>
<p>我的 <a href="https://firt.mobi/talks">JSConf Europe 2019 演讲</a>中的现代 PWA 速查表</p>
</blockquote>
<h2 id="使用">🎖使用</h2>
<p>获得有关有多少公司正在开发 PWA 或用户如何对 PWA 进行安装的信息是不太容易的，我对 2019 年新增使用 PWA 的公司或更多使用它的公司没有特别的感觉。有一些利基市场<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup>，例如人们寻求删除本季应用程序的隐私，但是这并不是一个大市场。</p>
<p>我们看到在 2019 年，全球访问量最大的网站之一且提供 PWA：YouPorn，但是我们没有使用情况信息。你可以在此处查看有关 <a href="https://venturebeat.com/2019/02/19/youporn-goes-progressive-with-new-mobile-web-apps-for-android-and-ios/">YP PWA</a> 的信息（连接中没有色情内容，请放心打开）</p>
<figure data-type="image" tabindex="1"><img src="https://cdn.jsdelivr.net/gh/eryouhao/files@master/uPic/sZLHWo.jpg" alt="" loading="lazy"></figure>
<blockquote>
<p>世界上访问量最大的网站之一，现在提供了 PWA</p>
</blockquote>
<p>可以在桌面上安装 PWA 仍然是新功能（对于开发人员，网站所有者和用户而言）。我还没有看到那么多针对桌面优化的 PWA，但是从 2020 年开始，随着微软推出新的 Edge，我们可能会看到这种增长。在 2019 年期间，星巴克和 Uber 花了一些时间谈论他们在桌面上运行 PWA，例如在<a href="https://eng.uber.com/web-booking-flow/">为 Uber 建立更无缝的预定流程</a>中。</p>
<figure data-type="image" tabindex="2"><img src="https://cdn.jsdelivr.net/gh/eryouhao/files@master/uPic/Rk6kSq.png" alt="" loading="lazy"></figure>
<blockquote>
<p>Produck 是我发现于 2019 年初发布的首批针对桌面优化的 PWA 之一</p>
</blockquote>
<p>我们仅有的有关 PWA 的最新数据来自三星浏览器</p>
<figure data-type="image" tabindex="3"><img src="https://cdn.jsdelivr.net/gh/eryouhao/files@master/uPic/EHEVVK.png" alt="" loading="lazy"></figure>
<p>因此，在 2019 年 4 月至 12 月期间，我们有 80,000 个不同来源的内部至少有一个 PWA；虽然不能准确地计算出不同的 PWA，但这是一个很好的近似值。三星浏览器占用户的 6%，因此，这样来看代表整个网络的用户数量很多。</p>
<p>你可能说，与 Play Store 中的 290 万个 APP 或 App Store 中的 390 万个 APP 相比，它并不是很理想。但是，我们不知道在过去 9 个月中有多少应用至少安装了一次，才能进行比较。另外我们拥有域名信息，而不是不同的 PWA，因此最好将 80,000 与商店中不同发行者的数量进行比较，其中 Play Store 中约为 800,000 个，App Store 中为 792,000 个。以这个数量来看，我们可以说与原生应用相比，可能有 10% 的 PWA。但是我们需要记得，商店中 <a href="https://techcrunch.com/2019/11/21/the-top-1-of-app-store-publishers-drive-80-of-new-downloads/">80% 的新下载内容仅来自 1% 的发行商</a>。现在，有了 Google Play Store，比较将变得更加困难。</p>
<h2 id="平台">⊹ 平台</h2>
<p>有 <strong>93% 的用户使用的浏览器</strong>中，已经全面支持了 PWA（包括 service workers）</p>
<p><strong>有 86% 的用户可以使用浏览器安装 PWA</strong>（82% 浏览器安装，4% 仅来自商店，而不是其当前使用的浏览器）</p>
<p>我们可以安装 PWA 在 <strong>Android, iOS, iPadOS, Windows 10 (and future 10X), Windows 7, Windows 8.x, Xbox One, macOS, Linux 64 bits, Chrome OS and kaiOS</strong>。</p>
<p>我们还可以说，不能以任何方式在智能手表，智能电视， Apple TV，Chromecast，Android TV，特斯拉汽车（是的，该汽车带有浏览器），另外还有游戏机，数字助理如 Facebook Portal，Nest Home 或 Amazon Echo 或 VR/AR 二级（例如 Oculus 耳机）等中安装 PWA。</p>
<p>我看到了 PWA 在 VR/AR 头戴设备，数字助理和事件游戏上的潜力，但它们也将与公司内部政治作斗争。</p>
<p>让我们看看可以在 2020 年 1 月 安装 PWA 的平台。</p>
<h2 id="android">Android</h2>
<p>我们可以使用以下方法在 Android 设备（手机和平板电脑）上安装 PWA：</p>
<ul>
<li><strong>浏览器安装</strong>：Chrome（WebAPK）/Firefox/Samsung Internet（仅 Samsung 设备上的 WebAPK）/UC/Edge/Opera/Brave/百度。其他浏览器也可能有此选项（主要是因为它们基于 Chromium），但是哪里错误太多了。<br>
你<strong>无法</strong>安从 Facebook 移动浏览器，Firefox 预览，WebvView，自定义选项卡或 Chrome 浏览器为 DayDream（VR 模式）安装 PWA。另外，如果手机没有主屏幕应用程序（例如在 Kiosk 模式下），则根据浏览器会发生奇怪的事情。</li>
</ul>
<figure data-type="image" tabindex="4"><img src="https://cdn.jsdelivr.net/gh/EryouHao/files@master/uPic/rBCuLt.jpg" alt="" loading="lazy"></figure>
<blockquote>
<p>Android 仍然是唯一支持 Web App Manifest 规范中的三个“app”模式的平台</p>
</blockquote>
<ul>
<li>
<p><strong>企业发行版</strong>：使用<a href="https://developers.google.com/android/work/play/emm-api/managed-play-iframe">托管的 Google Play iframe</a>，这是 Play Store 团队的一项服务，使用 WebAPK 提供的服务，并且与 Chrome 团队没有关系（Google I 中的政策有说明）</p>
</li>
<li>
<p><strong>App Stores</strong>：通过将 URL 提交到将使用 WebAPK Samsung Minting</p>
</li>
</ul>
<p><strong>还没翻译完...</strong></p>
<blockquote>
<p>原文地址：https://medium.com/@firt/progressive-web-apps-in-2020-c15018c9931c</p>
</blockquote>
<hr class="footnotes-sep">
<section class="footnotes">
<ol class="footnotes-list">
<li id="fn1" class="footnote-item"><p>利基市场：指由已有市场绝对优势的企业所忽略的某些细分市场，并且在此市场尚未完善提供服务。利基：较小的一块区域（较狭窄的顾客群），有利润而又专门性的市场。 <a href="#fnref1" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</section>
]]></content>
    </entry>
    <entry>
        <title type="html"><![CDATA[聊聊我在用的编程字体]]></title>
        <id>https://fehey.com/post/coding-font/</id>
        <link href="https://fehey.com/post/coding-font/">
        </link>
        <updated>2020-01-17T02:05:06.000Z</updated>
        <summary type="html"><![CDATA[<p>最近，微软和 JetBrains 纷纷推出了自己的编程字体，你现在在用哪款呢？</p>
]]></summary>
        <content type="html"><![CDATA[<p>最近，微软和 JetBrains 纷纷推出了自己的编程字体，你现在在用哪款呢？</p>
<!-- more -->
<h2 id="为什么需要选择编程字体">为什么需要选择编程字体</h2>
<p>俗语言：「工欲善其事，必先利其器」。那做为一个 Coder，除了一个趁手的 IDE，一款精致舒服的编程字体，无疑会提高你的编程幸福感，从而无形提升编程效率。颜值即正义，效率为目的。</p>
<h2 id="我在用哪款">我在用哪款</h2>
<p><a href="https://github.com/belluzj/fantasque-sans"><strong>Fantasque Sans Mono</strong></a> 这是我到目前为止用了一年多的一款编程字体。它是专门为程序员打造，设计时考虑了功能性，并且有些像笔迹似的颤抖般的模糊性，使其显得异常酷，我选择它也正是由于它的这些特性。同时，我发现它在默认的 <code>letter spacing</code> 的情况下，能够展示相对较多的字符，节省了空间。</p>
<figure data-type="image" tabindex="1"><img src="https://cdn.jsdelivr.net/gh/eryouhao/files@master/uPic/SNYOMa.png" alt="Fantasque Sans Mono" loading="lazy"></figure>
<h2 id="其他的几款">其他的几款</h2>
<ul>
<li>
<p><a href="https://www.jetbrains.com/lp/mono/"><strong>JetBrains Mono</strong></a>。JetBrains 出的一款编程字体。主要特性包含增加字母高度，以获得更好的阅读体验；符号的独特性，例如 0 中间包含一个点；9°角的斜体设计等。<br>
<img src="https://cdn.jsdelivr.net/gh/eryouhao/files@master/uPic/QB2SA4.png" alt="JetBrains Mono" loading="lazy"></p>
</li>
<li>
<p><a href="https://github.com/microsoft/cascadia-code"><strong>Cascadia Code</strong></a>。微软出的一款编程字体。它被默认集成到了 Windows Terminal 终端命令程序<br>
<img src="https://cdn.jsdelivr.net/gh/eryouhao/files@master/uPic/FnDVfX.png" alt="Cascadia Code" loading="lazy"></p>
</li>
</ul>
<p>你在用哪款呢？欢迎留言～</p>
]]></content>
    </entry>
    <entry>
        <title type="html"><![CDATA[Gridea v0.9.0｜可以，写博客的那个劲儿又回来了]]></title>
        <id>https://fehey.com/post/gridea-0.9.0/</id>
        <link href="https://fehey.com/post/gridea-0.9.0/">
        </link>
        <updated>2019-12-31T09:56:43.000Z</updated>
        <content type="html"><![CDATA[<blockquote>
<p>可以，写博客的那个劲儿又回来了～<br>
——来自一位使用 Gridea 的朋友</p>
</blockquote>
<figure data-type="image" tabindex="1"><img src="https://cdn.jsdelivr.net/gh/eryouhao/files@master/uPic/9dYsJ8.png" alt="Gridea v0.9.0" loading="lazy"></figure>
<p>这里是 <a href="https://gridea.dev">Gridea</a> v0.9.0 版本的发布日志，如果你还没听说过它，不妨点击下面链接一探究竟吧！</p>
<p><a href="https://gridea.dev">Gridea - 一个静态博客写作客户端</a></p>
<p>本次更新中，我们增加了 <strong>SFTP 部署</strong>（许愿成功🎋），增加了一系列新功能与强化了自定义主题自定义能力，拓展了更多的可能性。</p>
<p>如果你想立即尝鲜，可以直接去下载了 <a href="https://gridea.dev">Gridea 下载</a>。但是，如果你想知道更新了什么，继续阅读吧...</p>
<hr>
<p><strong>⚠️注意：若你之前有手动放置文件或文件夹到构建后文件夹（output 文件夹）本次升级有非兼容升级，请看下升级说明，若没有，可直接升级啦</strong></p>
<p>升级说明：<br>
需手动复制到博客源文件夹的 static 文件夹（若无此文件夹可新建一个，新版使用时会自动生成，有静态文件需求的可放在此文件夹，构建时会直接复制到 output 文件夹）</p>
<h2 id="懒人目录">懒人目录</h2>
<ul>
<li>新增 <strong>SFTP 部署</strong></li>
<li>新增<strong>文章置顶</strong>功能</li>
<li>自定义配置支持<strong>图片</strong>类型和<strong>数组</strong>类型，增加<strong>文章数据卡片</strong>类型</li>
<li>自定义<strong>归档路径前缀</strong></li>
<li>文章页与标签页支持<strong>精简</strong> URL 与默认 URL</li>
<li>新增<strong>菜单拖动</strong>排序</li>
<li>支持<strong>自定义模板渲染</strong>，具体可见<a href="https://gridea.dev/docs">Gridea 文档</a></li>
<li>新增<strong>默认 404 页面</strong></li>
<li>修复更改文章 URL 大小写会删除文章的 bug</li>
<li><strong>修复编辑器超出一屏后回车不会滚动的 bug</strong></li>
<li>修复 Linux（Ubuntu）初始化配置时，检测远程链接失败的 BUG</li>
<li>文章内<strong>图片支持懒加载</strong>（基于 chrome 的lazy loading）</li>
<li>升级 Electron 至 7.x</li>
<li>标签页支持渲染列表隐藏文章（<strong>break change⚠️</strong>）</li>
<li>增加预览唤出快捷键（Ctrl + P）</li>
<li>优化<strong>编辑器文字主题颜色</strong>与 <strong>Windows 下字体显示</strong></li>
<li>增加渲染过程错误日志弹窗</li>
<li>增加应用内通知系统</li>
</ul>
<hr>
<p>更新的内容太多，随便选几个说一下吧。</p>
<h2 id="sftp-部署许愿成功">🎋SFTP 部署，许愿成功</h2>
<p>针对有自己服务器的小伙伴，可以使用自己的服务器来部署站点啦！提供一个配置的示例截图，以做参照。<br>
<img src="https://cdn.jsdelivr.net/gh/eryouhao/files@master/uPic/XtiYXi.png" alt="Gridea SFTP" loading="lazy"></p>
<h2 id="文章置顶手动推荐">🔝文章置顶，手动推荐</h2>
<p>增加了文章置顶功能，置顶之后，文章会在文章列表页优先展示，同时可以配合文章的 <code>isTop</code> 字段进行主题样式的丰富，例如加一个 【TOP】 的小标记。<br>
<img src="https://cdn.jsdelivr.net/gh/eryouhao/files@master/uPic/top.jpg" alt="Gridea top" loading="lazy"></p>
<h2 id="支持自定义模版渲染与支持图片类型和数组类型增加文章数据卡片类型">🔥支持自定义模版渲染与支持图片类型和数组类型，增加文章数据卡片类型</h2>
<p>这几个更新有什么使用场景呢？举几个例子：</p>
<ul>
<li>若主题有图片类型资源，如侧边栏背景图，顶部背景图等，之前若是想替换，需要手动去找到对应资源文件夹，然后手工替换，现在可以主题直接提供替换的自定义配置了<br>
<img src="https://cdn.jsdelivr.net/gh/eryouhao/files@master/uPic/IZQpcT.jpg" alt="Theme upload" loading="lazy"></li>
<li>创建单独的友链页面。创建一个自定义模版 <code>friends.ejs</code>，然后配合数组类型的自定义配置即可。下面是一个自定义文档页面的示例。<br>
<img src="https://cdn.jsdelivr.net/gh/eryouhao/files@master/uPic/wp6FBm.png" alt="Theme array" loading="lazy"><br>
细心的你一定发现了，竟然有个文章数据卡片。对的，你可以使用卡片来提供文章数据 URL 的选择。</li>
</ul>
<blockquote>
<p>更多关于主题自定义内容请查看文档：<a href="https://gridea.dev/docs/">https://gridea.dev/docs/</a></p>
</blockquote>
<h2 id="新增默认-404-页面">新增默认 404 页面</h2>
<p>当使用新版本 Gridea 进行部署后，会自动生成一个 <code>404.html</code> 的页面，若想自定义，可使用自定义模版 <code>404.ejs</code> 或直接修改 <code>static/404.html</code> 即可。</p>
<p>另外还更新了很多应用的 UI 细节，具体都有哪些，<a href="https://gridea.dev/">下载</a>一下便知道啦～</p>
<h2 id="写在后面">写在后面</h2>
<p>更新了这么多，为了能够让你找回当年写博客的那个劲儿，又或者在这个快、短社交时代，能够有一个独立的地方，一个属于自己的地方来记录下一些内容。能够让自己的声音不会随着各种信息流而流逝。</p>
<p>Made with ❤️</p>
<hr>
<p><a href="https://gridea.dev/">Gridea 官网</a><br>
<a href="https://github.com/getgridea/gridea">GitHub</a><br>
<a href="https://t.me/joinchat/IDY0ahRqb8NPodv95BNpBg">Telegram 群组</a><br>
<a href="https://t.me/joinchat/AAAAAEj82_lma0Y1wmyqUQ">Telegram 频道</a><br>
<a href="https://twitter.com/EryouHao">作者推特</a><br>
Gridea 的朋友们 QQ 2 群：923131213</p>
]]></content>
    </entry>
    <entry>
        <title type="html"><![CDATA[Gridea v0.8.3｜全新体验，助你妙笔生花]]></title>
        <id>https://fehey.com/post/gridea-v083-quan-xin-ti-yan-zhu-ni-miao-bi-sheng-hua/</id>
        <link href="https://fehey.com/post/gridea-v083-quan-xin-ti-yan-zhu-ni-miao-bi-sheng-hua/">
        </link>
        <updated>2019-09-21T03:39:39.000Z</updated>
        <content type="html"><![CDATA[<p>这里 <a href="https://gridea.dev">Gridea</a> 是 v0.8.3 版本的发布日志，如果你还没听说过它，不妨点击下面链接一探究竟吧！</p>
<p><a href="https://gridea.dev">Gridea - 一个静态博客写作客户端</a></p>
<p>时隔两个多月，Gridea 迎来了它的第 5 个版本，我们在这次更新中，尝试新的编辑体验，在保持原汁原味的 Markdown 编辑体验下，加以快捷键的支持，助力你<em>快速成文</em>。</p>
<p>如果你想立即尝鲜，可以直接去下载了 <a href="https://gridea.dev/">Gridea 下载</a>。但是，如果你想知道这个版本更新了什么，继续阅读吧...</p>
<h2 id="懒人目录">懒人目录</h2>
<ul>
<li>全新的内置编辑器，全新的编辑体验与快捷键</li>
<li>增加 Emoji 输入面板与文章信息统计</li>
<li>增加未保存提示，内容不丢失</li>
<li>修复操作 BUG，更改预览模式</li>
<li>升级 Electron 版本到 6.0+</li>
<li>Markdown 渲染支持 <code>Emoji</code> 与 <code>implict-figures</code></li>
<li>更多细节优化，等你发现</li>
<li>增加 GA 统计，为了更好的优化产品</li>
<li>新上架一款精致的付费主题「Tech」</li>
</ul>
<h3 id="全新的内置编辑器全新的编辑体验与快捷键">全新的内置编辑器，全新的编辑体验与快捷键</h3>
<p>我们替换了 Gridea 内置编辑器，并进行了深度定制，以获得更流畅的 Markdown 写作体验。精心调教的间距控制，减缓长时间写作带来的疲劳；输入状态极简页面，集中注意力一气呵成，同时鼠标移动时会重新出现工具栏，提升易用性。相信在你熟悉了这套快捷键之后，可能再也不需要输入工具栏了。<br>
<img src="https://i.loli.net/2019/09/21/pVWg3N6LOvyzaIi.png" alt="Gridea Editor" loading="lazy"></p>
<blockquote>
<p>同时，增加了 Markdown 渲染 Emoji 和 implict-figures 的支持，为主题创作者提供更多可能。</p>
</blockquote>
<h3 id="emoji-输入面板与文章信息统计">Emoji 输入面板与文章信息统计</h3>
<p>是的，这个版本我们新增了这两个实用的小功能。相信丰富的 Emoji 能够让你的字里行间更生动活泼，更富表现力。<br>
<img src="https://i.loli.net/2019/09/21/oC63QjmNhVDcdE5.png" alt="Emoji and info" loading="lazy"></p>
<h3 id="未保存提示保障内容">未保存提示，保障内容</h3>
<p>我们增加了返回时未保存提示，无论是文章的内容还是配置发生变动且未保存时，都会提示你，保存与否，你来决定。同时，文章内容的快速保存也可以使用快捷键 <code>Command</code> + <code>S</code> 操作。</p>
<figure data-type="image" tabindex="1"><img src="https://i.loli.net/2019/09/21/TQEq7bUtIj1o5Gn.png" alt="Unsave" loading="lazy"></figure>
<h3 id="修复-bug更改预览模式">修复 BUG，更改预览模式</h3>
<p>修复了创建文章多次保存时报 URL 冲突问题。修改预览时本地文件访问为静态 Server，为后面更好的预览体验做准备，是的，敬请期待吧。</p>
<h3 id="增加-ga-统计为了更好的优化产品">增加 GA 统计，为了更好的优化产品</h3>
<p>我们为应用增加了 GA 统计，但不要担心，我们并没有统计你的 <code>Token</code> 信息。一切为了更好的优化产品</p>
<h3 id="新上架一款精致的付费主题tech">新上架一款精致的付费主题「Tech」</h3>
<p>开发者精力有限，主题开发一直都是比较缓慢，这次我们带来了一款精致的主题，无论是科技、文艺、随笔类博客，都能轻松驾驭。轻松更换主题色，随你所好（不妨试试最近流行的「暗夜绿」哦，<code>#6f7972</code>）。<br>
更多关于这款主题的信息，可点击下面链接了解：<a href="https://mianbaoduo.com/o/bread/mbd-ZZ2clA==">Gridea Theme Tech</a></p>
<blockquote>
<p>是的，定价依然是一顿早餐的价格，手工费，制作不易，且买且珍惜。</p>
</blockquote>
<figure data-type="image" tabindex="2"><img src="https://i.loli.net/2019/09/21/NOGhLpXBRT7bUHA.jpg" alt="Gridea Theme Tech" loading="lazy"></figure>
<p>尽情享受写作的乐趣吧，相信，落笔处，尽是繁华。</p>
<p>😘 Enjoy~</p>
]]></content>
    </entry>
    <entry>
        <title type="html"><![CDATA[Markdown 测试文章]]></title>
        <id>https://fehey.com/post/markdown-test/</id>
        <link href="https://fehey.com/post/markdown-test/">
        </link>
        <updated>2019-07-18T14:17:43.000Z</updated>
        <summary type="html"><![CDATA[<p>Markdown是一种轻量级标记语言，创始人为约翰·格鲁伯（英语：John Gruber）。它允许人们“使用易读易写的纯文本格式编写文档，然后转换成有效的XHTML（或者HTML）文档”。</p>
]]></summary>
        <content type="html"><![CDATA[<p>Markdown是一种轻量级标记语言，创始人为约翰·格鲁伯（英语：John Gruber）。它允许人们“使用易读易写的纯文本格式编写文档，然后转换成有效的XHTML（或者HTML）文档”。</p>
<!-- more -->
<blockquote>
<p>此篇仅为测试渲染效果，非教程</p>
</blockquote>
<h2 id="标题">标题</h2>
<h3 id="三级标题显示">三级标题显示</h3>
<h2 id="普通段落">普通段落</h2>
<p>金樽清酒斗十千， 玉盘珍羞直万钱。停杯投箸不能食， 拔剑四顾心茫然。欲渡黄河冰塞川， 将登太行雪满山。闲来垂钓碧溪上， 忽复乘舟梦日边。行路难，行路难， 多歧路，今安在？长风破浪会有时， 直挂云帆济沧海。</p>
<h2 id="有序列表">有序列表</h2>
<ol>
<li>第一项内容</li>
<li>第二项内容</li>
<li>第三项内容，带<code>code</code>文本</li>
</ol>
<h2 id="无序列表">无序列表</h2>
<ul>
<li>第一项内容</li>
<li>第二项内容</li>
<li>第三项内容，带 <code>code</code>文本</li>
</ul>
<h2 id="其他内容">其他内容</h2>
<p>这是去往<a href="https://gridea.dev">Gridea 主页链接</a>，这是一个行内代码<code>console.log('Hello World')</code>，这是<strong>强调文本</strong>，__强调文本__这是<em>斜体文本</em>，这是<s>删除文本</s>，下面是分割线</p>
<hr>
<p>下面是图片：</p>
<figure data-type="image" tabindex="1"><img src="https://images.unsplash.com/photo-1563362375-684f5a29d125?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=crop&amp;w=800&amp;q=60" alt="图片描述" loading="lazy"></figure>
<p>另一张设置宽高（200x120）的图片：</p>
<figure data-type="image" tabindex="2"><img src="https://images.unsplash.com/photo-1563373262-1e074f7c30a0?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=crop&amp;w=1300&amp;q=80" alt="设置固定宽高的图片，200 x 120" width="200" height="120" loading="lazy"></figure>
<h2 id="块代码">块代码</h2>
<pre><code class="language-javascript">function sayHello() {
	console.log(&quot;Hello Wolrd&quot;);
}
</code></pre>
<h2 id="表格">表格</h2>
<table>
<thead>
<tr>
<th>一个普通标题</th>
<th>一个普通标题</th>
<th>一个普通标题</th>
</tr>
</thead>
<tbody>
<tr>
<td>短文本</td>
<td>中等文本</td>
<td>稍微长一点的文本</td>
</tr>
<tr>
<td>稍微长一点的文本</td>
<td>短文本</td>
<td>中等文本</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th style="text-align:left">左对齐标题</th>
<th style="text-align:right">右对齐标题</th>
<th style="text-align:center">居中对齐标题</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">短文本</td>
<td style="text-align:right">中等文本</td>
<td style="text-align:center">稍微长一点的文本</td>
</tr>
<tr>
<td style="text-align:left">稍微长一点的文本</td>
<td style="text-align:right">短文本</td>
<td style="text-align:center">中等文本</td>
</tr>
</tbody>
</table>
<h2 id="任务列表">任务列表</h2>
<ul class="contains-task-list">
<li class="task-list-item"><input class="task-list-item-checkbox" checked="" disabled="" type="checkbox" id="task-item-2533930"><label class="task-list-item-label" for="task-item-2533930"> 第一项任务</label></li>
<li class="task-list-item"><input class="task-list-item-checkbox" disabled="" type="checkbox" id="task-item-934625"><label class="task-list-item-label" for="task-item-934625"> 第二项任务</label></li>
<li class="task-list-item"><input class="task-list-item-checkbox" disabled="" type="checkbox" id="task-item-814587"><label class="task-list-item-label" for="task-item-814587"> 第三项任务</label></li>
<li class="task-list-item"><input class="task-list-item-checkbox" checked="" disabled="" type="checkbox" id="task-item-7299688"><label class="task-list-item-label" for="task-item-7299688"> 第四项任务</label></li>
</ul>
<h2 id="加强功能">加强功能</h2>
<ul>
<li>高亮文本示例<mark>高亮文本</mark></li>
<li>29<sup>th</sup></li>
<li>下面是缩略语示例</li>
</ul>
<p>The <abbr title="Hyper Text Markup Language">HTML</abbr> specification</p>
<ul>
<li>下面是 footnote 示例</li>
</ul>
<p>Here is a footnote reference,<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup> and another.<sup class="footnote-ref"><a href="#fn2" id="fnref2">[2]</a></sup></p>
<p>文章内目录示例：</p>
<p><ul class="markdownIt-TOC">
<li>
<ul>
<li><a href="#%E6%A0%87%E9%A2%98">标题</a>
<ul>
<li><a href="#%E4%B8%89%E7%BA%A7%E6%A0%87%E9%A2%98%E6%98%BE%E7%A4%BA">三级标题显示</a></li>
</ul>
</li>
<li><a href="#%E6%99%AE%E9%80%9A%E6%AE%B5%E8%90%BD">普通段落</a></li>
<li><a href="#%E6%9C%89%E5%BA%8F%E5%88%97%E8%A1%A8">有序列表</a></li>
<li><a href="#%E6%97%A0%E5%BA%8F%E5%88%97%E8%A1%A8">无序列表</a></li>
<li><a href="#%E5%85%B6%E4%BB%96%E5%86%85%E5%AE%B9">其他内容</a></li>
<li><a href="#%E5%9D%97%E4%BB%A3%E7%A0%81">块代码</a></li>
<li><a href="#%E8%A1%A8%E6%A0%BC">表格</a></li>
<li><a href="#%E4%BB%BB%E5%8A%A1%E5%88%97%E8%A1%A8">任务列表</a></li>
<li><a href="#%E5%8A%A0%E5%BC%BA%E5%8A%9F%E8%83%BD">加强功能</a></li>
</ul>
</li>
</ul>
</p>
<hr class="footnotes-sep">
<section class="footnotes">
<ol class="footnotes-list">
<li id="fn1" class="footnote-item"><p>Here is the footnote. <a href="#fnref1" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn2" class="footnote-item"><p>Here's one with multiple blocks. <a href="#fnref2" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</section>
]]></content>
    </entry>
    <entry>
        <title type="html"><![CDATA[利器+]]></title>
        <id>https://fehey.com/post/liqi/</id>
        <link href="https://fehey.com/post/liqi/">
        </link>
        <updated>2019-06-26T06:20:56.000Z</updated>
        <content type="html"><![CDATA[<h2 id="介绍一下你自己和所做的工作">介绍一下你自己和所做的工作</h2>
<p>我是海岛心hey，93 年生人，目前是一名前端工程师，喜欢 Web 设计相关，业余独立开发，<br>
Gridea（一个静态博客写作客户端）作者，近期活跃在 Twitter 上（@EryouHao）。</p>
<h2 id="你的职业生涯的转折点是什么">你的职业生涯的转折点是什么？</h2>
<p>这大概可以追溯到大二的暑假，当时各种机缘巧合下，加入了学校的一个实验室，在李老师的带领下，踏上了程序开发的道路，当时10来人的小团队，在毫无经验的情况下，开发了一个县政府官网、住建局系统等等。由于团队中没有人会前端，只有我会一点点 HTML、CSS、JS，然后 Jquery 一把梭，从此走上了前端之路。也因此成为了团队中的“金牌美工”。</p>
<h2 id="你都在使用哪些硬件">你都在使用哪些硬件？</h2>
<ul>
<li>
<p>MacBook Pro 2019<br>
可以说是在用上 Mac 之后，开发效率和用在学习上的时间就持续增长，最喜欢还是 Mac 的屏幕和字体渲染，其次，类 Linux 的命令行体验、优质的 App，也是爱上这台机器的原因。</p>
</li>
<li>
<p>小米 NOTE 3<br>
是的，我是一个老米粉，在大学时就经常参与米粉的线下校园活动，在安卓阵营中，还是最喜欢 MIUI 的体验，可能下部手机入 iphone 了，主要因为一些优质 APP 还是只有 iOS 版，另外也为了体验一些其他独立开发者开发的产品（说不定以后也贡献一个）</p>
</li>
<li>
<p>iPad 2018<br>
基本上用来阅读和娱乐了，平时看一些 PDF 的内容，偶尔和朋友一起开黑吃鸡</p>
</li>
<li>
<p>小爱智能音箱、小米台灯 2、小米降噪耳机、小米电视...<br>
居家用品基本都是围绕小米生态，另外小米电饭煲啥的也日常使用，主要现在还没买房，买了之后家里大概都是小米生态产品吧</p>
</li>
</ul>
<h2 id="软件呢">软件呢？</h2>
<ul>
<li>
<p><a href="http://gridea.dev">Gridea</a><br>
哈哈，此条带有广告嫌疑，这是我开发的一个静态博客写作客户端，简化了其他静态博客引擎的繁琐操作，日常使用体验更佳～</p>
</li>
<li>
<p><a href="https://www.notion.so/?r=4b3107a9644e4d9d81914285b3d6ee6c">Notion</a><br>
一个体验很好的笔记应用，既有 Web 端也有客户端。同时也可以用它来管理项目、想法等等，功能超级强大。如果你也想试试，可以通过点击<a href="https://www.notion.so/?r=4b3107a9644e4d9d81914285b3d6ee6c">这个链接</a>注册，我会收到一点推荐奖励</p>
</li>
<li>
<p>iTerm2<br>
Mac 下的一个终端工具，功能非常强大，支持主题系统</p>
</li>
<li>
<p>VSCode<br>
巨硬的微软出品的一个代码编辑器，漂亮且现代化，并且为其开发了一个主题「Brackets Light Pro」，已自用一年多</p>
</li>
<li>
<p>Alfred 3<br>
一款 Mac 下的效率工具，严重依赖其 Clipboard 功能，超级实用，提升效率法宝</p>
</li>
<li>
<p>网易云音乐<br>
使用了 2 年多的音乐软件，虽然歌曲库没有其他家多，但每次想换到其他家时，不超过 1 小时就又会换回来，大概因为网易云的评论区吧</p>
</li>
<li>
<p>Adobe XD<br>
一个跨平台的设计工具，主要用来替代 Sketch 来做一些简单的页面、图的设计</p>
</li>
</ul>
<h2 id="你最理想的工作环境是什么">你最理想的工作环境是什么？</h2>
<p>“面朝大海，春暖花开”（算了，这是海子说的，哈哈）。理想工作环境的话，大概是远程工作吧，我觉得程序员是非常适合远程工作的一个职业。等自己到 35+ 且有娃后，可能会考虑远程工作这种模式，时间更自由，工作更高效，可以自己营造一个舒适的工作环境和自由安排时间。另一方面，这样可以有时间做一些自己喜欢的事情，比如独立开发一些产品（可能是试错 idea 或体验新技术）。</p>
<h2 id="你平时获得工作灵感的方式有哪些">你平时获得工作灵感的方式有哪些？</h2>
<p>因为我的工作大部分还是和编程相关，所以最多的灵感来源还是 Github 上的一些优质项目。另外，Twitter 上有 follow 一些技术大佬和一些技术组织来获取新技术的趋势发展。另外也会通过订阅一些周刊如奇舞周刊、阮一峰老师的 Weekly等来获取知识。另外也会通过 YouTube 来关注一些国外的大会等。</p>
<p>技术之外，我也关注一些 Web 设计方向的东西，逛逛 Dribbble 啥的。</p>
<h2 id="推荐一件生活中的利器给大家">推荐一件生活中的利器给大家。</h2>
<p>本来不想推荐自己的产品的，但是想到「<a href="http://liqi.io">利器</a>」的读者有很多都是或者曾经是博客爱好者，所以还是推荐一下吧，欢迎试用吐槽。</p>
<ul>
<li><a href="http://gridea.dev">Gridea</a><br>
一个静态博客写作客户端。记录生活、心情、知识、笔记、创意...<br>
拥有大部分博客所需的 Feature（标签、主题、评论系统、RSS...），跨平台，支持使用 Markdown 来写博客，支持部署到 Github Pages 等。</li>
</ul>
<blockquote>
<p>本文参与了「利器社群计划」，发现更多创造者和他们的工具：<a href="https://liqi.io/community/">https://liqi.io/community/</a></p>
</blockquote>
]]></content>
    </entry>
    <entry>
        <title type="html"><![CDATA[Gridea 一个简单、开源、强大的静态博客写作客户端]]></title>
        <id>https://fehey.com/post/meet-gridea/</id>
        <link href="https://fehey.com/post/meet-gridea/">
        </link>
        <updated>2019-04-23T10:48:57.000Z</updated>
        <content type="html"><![CDATA[<p>想当时，博客兴起的年代，成千上万的人挑选各种平台去搭建一个属于自己的博客。从新浪博客、博客园到 Wordpress、Hexo，越来越多的人选择了静态博客，越来越趋于轻量化。</p>
<p>今天，为大家带来了一款用心打造的产品——<strong>Gridea</strong>。</p>
<h2 id="是什么">是什么？</h2>
<p>Gridea 是一个简单的（Easy），开源的(Open Source)、强大的（Powerful）静态博客写作客户端。目前已具备了博客所需的基本功能，并且还在不断完善。</p>
<h2 id="都有啥">都有啥？</h2>
<blockquote>
<p>你最需要的，我们都准备了</p>
</blockquote>
<h3 id="markdown">Markdown</h3>
<p>Gridea 提供了 Markdown 编辑体验，你可以专注内容，其他的，交给 Gridea 就够了，无需关心样式与排版。</p>
<h3 id="封面图">封面图</h3>
<p>一篇用心的创作，怎么能不搭配一个封面图来锦上添花呢？有！Gridea 支持文章设置封面图，即使是外链图也不成问题。</p>
<h3 id="自定义标签">自定义标签</h3>
<p>我们更建议使用标签来为文章进行归类，以你最喜欢的方式：编程、旅行、读书笔记... 我们并没有同时提供<strong>标签</strong>和<strong>类别</strong>两层分类关系，画繁为简，不必纠结。</p>
<h3 id="自定义菜单">自定义菜单</h3>
<p>我们开发了自定义菜单功能，同时贴心地准备了主页、归档、标签列表等快捷选择。当然，你也可以创建外部菜单到互联网的任何一个地方。</p>
<h3 id="多主题">多主题</h3>
<p>目前，我们内置了 4 款主题，制作精良、耐看，更有趣的是，我们为每款主题设置了丰富的自定义配置字段，稍加配置，遇见大不同</p>
<h3 id="跨设备">跨设备</h3>
<p>或许你工作使用 Mac，生活使用 Windows，这都不是事儿，Gridea 全都支持！同时支持更改源文件夹，利用 OneDrive、Dropbox 等同步工具，跨设备管理博客轻而易举！什么，你喜欢用 Linux？再等等，稍后就来</p>
<h3 id="多平台">多平台</h3>
<p>大部分情况下你用 Github Pages 来托管博客就够了，但我们同时提供了 Coding Pages 的支持。若你想部署在自己的服务器，可将构建后的网站上传到任意地方。我想，未来会将这一过程变得更加流畅</p>
<h3 id="多评论">多评论</h3>
<p>Gridea 内置了 Gitalk 和 Disqus 两个评论系统，你可以任选其一，利用评论结交更多朋友吧！</p>
<h3 id="多语言">多语言</h3>
<p>是的，我们贴心地为你内置了中文简体和 English 两种语言。</p>
<h2 id="就这些">就这些？</h2>
<p>不止这些，还有一些你可能期待的（主题包含）：Katex 公式、Google Analytics、社交链接、TOC...，心动了吗？快快下载体验吧。</p>
<p>当然 Gridea 还很年轻，有很多不足的地方，但请相信，它会不停向前。未来，它一定会成为爱创作的你离不开的伙伴。</p>
<h2 id="下一步计划呢">下一步计划呢？</h2>
<p>插件系统、主题市场、RSS等等。</p>
]]></content>
    </entry>
    <entry>
        <title type="html"><![CDATA[Gridea 小白上手教程]]></title>
        <id>https://fehey.com/post/hve-notes-start/</id>
        <link href="https://fehey.com/post/hve-notes-start/">
        </link>
        <updated>2019-02-16T19:04:18.000Z</updated>
        <summary type="html"><![CDATA[<p>如果你使用过 <strong>Hexo</strong> 等工具基于 <strong>Github</strong> 做个人博客，那么恭喜你，你可以很轻松的上手使用<strong>Gridea</strong><br>
如果你以前没有使用过，那么希望这篇文章可以帮助你顺利的完成博客搭建。话不多说，Let's Go!</p>
]]></summary>
        <content type="html"><![CDATA[<p>如果你使用过 <strong>Hexo</strong> 等工具基于 <strong>Github</strong> 做个人博客，那么恭喜你，你可以很轻松的上手使用<strong>Gridea</strong><br>
如果你以前没有使用过，那么希望这篇文章可以帮助你顺利的完成博客搭建。话不多说，Let's Go!</p>
<!-- more -->
<p style="color: #e03131; font-size 18px;">由于项目之前叫做 Hve Notes，所以截图还是旧版软件，但不影响使用，各位小伙伴先将就咯</p>
<h2 id="准备工作">准备工作</h2>
<blockquote>
<p>由于 Github 和 Coding 的步骤差不多，下面就以 Github 为例来操作一下</p>
</blockquote>
<p><strong>必须：确保你已经安装过 <a href="https://git-scm.com/downloads">Git</a> 和 <a href="https://gridea.dev/">Gridea</a></strong><br>
<strong>注意：同步会覆盖掉仓库的文件，若仓库内有需要备份的，请手动备份</strong></p>
<p>首先你需要一个 <a href="http://github.com">Github</a> 账号，如果没有的话，快去注册一个吧！</p>
<p>登录 Github，然后进入到 <a href="https://github.com/settings/tokens/new">这里</a> 创建一个 <strong>Token</strong>，勾选上 <strong>repo</strong> 的相关权限即可，下面是对应的截图示例：<br>
<img src="https://fehey.com/post-images/1550403256560.png" alt="Github Personal access tokesn" loading="lazy"></p>
<p>生成之后你可以复制 <strong>Token</strong> 到你可以再次找到的某个地方，因为一旦你关了这个网页就再也不会看到它了，稍后会在软件中使用</p>
<figure data-type="image" tabindex="1"><img src="https://fehey.com/post-images/1550403732691.png" alt="Token示例" loading="lazy"></figure>
<p>接下来你需要创建一个仓库，用来存放博客构建后的静态文件。我们建议你创建仓库名为 <strong>用户名.github.io</strong> 的仓库，因为 Github 会默认将此仓库设置成 <a href="https://pages.github.com/">Github Pages</a> 可访问类型，若不是用此命名的仓库，则不能默认使用 Github Pages，所以请认真确认。例如我的 Github 用户名为 <strong>EryouHao</strong>，则仓库名为 <strong>EryouHao.github.io</strong>。使用这种方式还有一个好处是，在没有自定义域名的情况下，使你的博客域名更短。当然如果想使用其他仓库来存放博客静态文件的话，也不是不可以，只不过，存放之后，若没有设置自定义域名，则访问地址将变成 <code>https://用户名.github.io/blog</code> （blog 为仓库名）这种二级目录的形式。</p>
<h2 id="开始使用">开始使用</h2>
<p>打开 <strong>Hve Notes</strong> 进入到<strong>配置</strong>页面，然后按照下面示例，输入相关配置并保存</p>
<figure data-type="image" tabindex="2"><img src="https://fehey.com/post-images/1550405739647.png" alt="配置示例" loading="lazy"></figure>
<p>在不开启文章评论的情况下，到此为止，你已经可以点击预览，点击同步进行博客部署啦，快去试试看吧！（当然在不同步的情况下）</p>
<h2 id="开启文章评论">开启文章评论</h2>
<p><strong>Hve Notes</strong> 目前提供了 <a href="https://github.com/gitalk/gitalk/blob/master/readme-cn.md">Gitalk</a> 和 <a href="">Disqus</a> 两种评论系统支持。</p>
<blockquote>
<p>Gitalk 是一个基于 GitHub Issue 和 Preact 开发的评论插件。如果你博客使用的是 Gitalk 的话，建议你可以选择 Gitalk 来作为评论插件。</p>
</blockquote>
<p>你可以按照 <a href="https://github.com/gitalk/gitalk/blob/master/readme-cn.md">Gitalk 的文档</a> 进行相关字段配置，或者按照下面的步骤操作。</p>
<p>首先你需要有一个 <strong>Github OAuth Application</strong>，点击<a href="https://github.com/settings/applications/new">这里</a>创建，字段填写可以参照下图</p>
<figure data-type="image" tabindex="3"><img src="https://fehey.com/post-images/1550455713413.png" alt="Github OAuth" loading="lazy"></figure>
<p>创建完成后可将 <strong>Client ID</strong> 和 <strong>Client Secret</strong>复制一下，保存到本地</p>
<figure data-type="image" tabindex="4"><img src="https://fehey.com/post-images/1550455918492.png" alt="" loading="lazy"></figure>
<p>接下来就可以去应用里面填写对应的信息，并开启评论</p>
<figure data-type="image" tabindex="5"><img src="https://fehey.com/post-images/1550456148809.png" alt="" loading="lazy"></figure>
<p>这样评论插件就设置好了，在预览时会在文章页显示评论模块，但不会显示具体的评论信息，因为这个是本地预览，而 <strong>Github OAuth</strong> 设置的域名为线上的域名。待博客同步到线上时就可以显示啦！</p>
<p>快快开始你的创作吧！</p>
]]></content>
    </entry>
    <entry>
        <title type="html"><![CDATA[Markdown 语法简单教程]]></title>
        <id>https://fehey.com/post/markdown-yu-fa-jian-dan-jiao-cheng/</id>
        <link href="https://fehey.com/post/markdown-yu-fa-jian-dan-jiao-cheng/">
        </link>
        <updated>2019-01-24T21:45:08.000Z</updated>
        <content type="html"><![CDATA[<h3 id="1-斜体和粗体">1. 斜体和粗体</h3>
<p>使用 * 和 ** 表示斜体和粗体。</p>
<p>示例：</p>
<p>这是 <em>斜体</em>，这是 <strong>粗体</strong>。</p>
<h3 id="2-标题">2. 标题</h3>
<p>使用 #加空格表示一级标题，同理，##加空格表示二级标题</p>
<h1 id="一级标题">一级标题</h1>
<h2 id="二级标题">二级标题</h2>
<h3 id="三级标题">三级标题</h3>
<h4 id="四级标题">四级标题</h4>
<h5 id="五级标题">五级标题</h5>
<h6 id="六级标题">六级标题</h6>
<h3 id="3-外链接">3. 外链接</h3>
<p>使用 [描述](链接地址) 为文字增加外链接。</p>
<p>示例：</p>
<p>这是去往 <a href="http://hvenotes.fehey.com">Hve Notes 主页</a> 的链接。</p>
<h3 id="4-无序列表">4. 无序列表</h3>
<p>使用 - 表示无序列表。</p>
<p>示例：</p>
<ul>
<li>无序列表项 一</li>
<li>无序列表项 二</li>
<li>无序列表项 三</li>
</ul>
<h3 id="5-有序列表">5. 有序列表</h3>
<p>使用数字和点表示有序列表。</p>
<p>示例：</p>
<ol>
<li>有序列表项 一</li>
<li>有序列表项 二</li>
<li>有序列表项 三</li>
</ol>
<h3 id="6-文字引用">6. 文字引用</h3>
<p>使用 &gt; 表示文字引用。</p>
<p>示例：</p>
<blockquote>
<p>野火烧不尽，春风吹又生。</p>
</blockquote>
<h3 id="7-行内代码块">7. 行内代码块</h3>
<p>使用 `代码` 表示行内代码块。</p>
<p>示例：</p>
<p>让我们聊聊 <code>html</code>。</p>
<h3 id="8-代码块">8.  代码块</h3>
<p>使用 四个缩进空格 或 ``` 表示代码块。</p>
<p>示例：</p>
<pre><code>这是一个代码块，此行左侧有四个不可见的空格。
</code></pre>
<h3 id="9-插入图像">9.  插入图像</h3>
<p>使用 ![描述](图片链接地址) 插入图像。</p>
<p>示例：</p>
<figure data-type="image" tabindex="1"><img src="https://avatars3.githubusercontent.com/u/46315806?s=200&amp;v=4" alt="我的头像" loading="lazy"></figure>
<h2 id="测试代码">测试代码</h2>
<pre><code class="language-javascript">function hello() {
	var username = 'xiaoming';
	var age = 18;
	console.log('Hello World');
}
hello()
</code></pre>
<h2 id="表格示例">表格示例</h2>
<table>
<thead>
<tr>
<th>一个普通标题</th>
<th>一个普通标题</th>
<th>一个普通标题</th>
</tr>
</thead>
<tbody>
<tr>
<td>短文本</td>
<td>中等文本</td>
<td>稍微长一点的文本</td>
</tr>
<tr>
<td>稍微长一点的文本</td>
<td>短文本</td>
<td>中等文本</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th style="text-align:left">左对齐标题</th>
<th style="text-align:right">右对齐标题</th>
<th style="text-align:center">居中对齐标题</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">短文本</td>
<td style="text-align:right">中等文本</td>
<td style="text-align:center">稍微长一点的文本</td>
</tr>
<tr>
<td style="text-align:left">稍微长一点的文本</td>
<td style="text-align:right">短文本</td>
<td style="text-align:center">中等文本</td>
</tr>
</tbody>
</table>
]]></content>
    </entry>
    <entry>
        <title type="html"><![CDATA[遇见创作，遇见Hve Notes]]></title>
        <id>https://fehey.com/post/yu-jian-chuang-zuo-yu-jian-hve-notes/</id>
        <link href="https://fehey.com/post/yu-jian-chuang-zuo-yu-jian-hve-notes/">
        </link>
        <updated>2019-01-14T08:00:00.000Z</updated>
        <summary type="html"><![CDATA[<p>作为一个技术人，你是否喜欢创作，或是怀念过往又或是畅想未来，或是总结技术又或是记录生活？</p>
]]></summary>
        <content type="html"><![CDATA[<p>作为一个技术人，你是否喜欢创作，或是怀念过往又或是畅想未来，或是总结技术又或是记录生活？</p>
<!-- more -->
<p>诚然，现在有很多平台或技术社区，里面有很多人每天都在分享，或是读书笔记又或是项目实践，或是面试经历又或是年终总结。</p>
<p>技术社区或平台固然很热闹，但是有一些东西，又想记录在某个地方，只给有缘人。所以这正是个人博客存在的原因之一吧。你可以在自己的博客中记录各种各样的内容，电影影评、旅行日记、编程踩坑经历等等。</p>
<p>基于此，你可能使用过或正在使用一些流行的工具如 <strong>Hexo</strong>、<strong>Jekyll</strong> 等静态博客网站生成器，又或者是 <strong>Gatsby</strong> 这种新型的 Web 构建工具。不过，你可能在寻找或者期待这样一种工具，可以更便捷地来管理博客和更舒适的编辑内容，于是今天的主角—— <strong>Hve Notes</strong> 诞生了！</p>
<p>下面奉上介绍给各位喜欢创作的朋友</p>
<p>👏  欢迎使用 <strong>Hve Notes</strong> ！</p>
<p>Github: <a href="https://github.com/hve-notes/hve-notes">Hve Notes</a><br>
项目主页: <a href="http://hvenotes.fehey.com/">Hve Notes</a><br>
示例网站: <a href="http://fehey.com/">示例网站一</a> <a href="http://hve-notes.github.io">示例网站二</a></p>
<p>✍️  <strong>Hve Notes</strong> 一个静态博客写作客户端。你可以用它来记录你的生活、心情、知识、笔记、创意... ...</p>
<h2 id="特性">特性👇</h2>
<p>📝  你可以使用最酷的 <strong>Markdown</strong> 语法，进行快速创作</p>
<p>🌉  你可以给文章配上精美的封面图和在文章任意位置插入图片</p>
<p>🏷️  你可以对文章进行标签分组</p>
<p>📋  你可以自定义菜单，甚至可以创建外部链接菜单</p>
<p>💻  你可以在 <strong>𝖶𝗂𝗇𝖽𝗈𝗐𝗌</strong> 或 <strong>𝖬𝖺𝖼𝖮𝖲</strong> 设备上使用此客户端</p>
<p>🌎  你可以使用 <strong>𝖦𝗂𝗍𝗁𝗎𝖻 𝖯𝖺𝗀𝖾𝗌</strong> 或 <strong>Coding Pages</strong> 向世界展示，未来将支持更多平台</p>
<p>💬  你可以进行简单的配置，接入 <a href="https://github.com/gitalk/gitalk">Gitalk</a> 或 <a href="https://github.com/SukkaW/DisqusJS">DisqusJS</a> 评论系统</p>
<p>🇬🇧  你可以使用<strong>中文简体</strong>或<strong>英语</strong></p>
<p>🌁  你可以任意使用应用内默认主题或任意第三方主题</p>
<p>🌱 当然 <strong>Hve Notes</strong> 还很年轻，有很多不足，但请相信，它会不停向前🏃</p>
<p>未来，它一定会成为你离不开的伙伴</p>
<p>尽情发挥你的才华吧！</p>
<p>😘 Enjoy~</p>
<p>目前，<strong>Hve Notes</strong> 已经更新到了 v0.7.0 版本，基本已经可以满足日常使用。当然还有很大的成长空间，例如文章和标签的 <code>slug</code> 格式定制和可编辑，个性化的页面增加与配置，赋予用户更强的扩展能力，更丰富的主题等等。</p>
<p>在此，也欢迎感兴趣的朋友可以加入我们，提出建议或共同开发，也欢迎加入我们的 <a href="https://t.me/joinchat/IDY0ahRqb8NPodv95BNpBg">Telegram 群组</a></p>
<p>如果您觉得此项目还不错，欢迎 <a href="https://github.com/hve-notes/hve-notes">Star</a> 支持作者，也欢迎体验之后提出您最宝贵的建议到 <a href="https://github.com/hve-notes/hve-notes/issues">Issue</a></p>
]]></content>
    </entry>
</feed>