githubを構築するioブログサイト

6093 ワード

前言
多くの人がブログや知識ベースサイトを構築する考えを持っていますが、自分でクラウドサーバを買うのはお得ではありません.配置管理も問題です.無料で人気のあるGitHub Pagesに基づいてブログサイトを構築するのはお金を節約し、手間を省く良い方法だ.そこでインターネットで検索すると、Jekyllを使ってサイトを構築する文章がいっぱいになった.このJekyllはRubyに基づいて開発されたもので、手に入れてまず大きなものを詰めなければならない.
神器が現れる
平地に雷が鳴り、Hexo (https://hexo.io/zh-cn)という神器が爆発した.NodeJSだけでいいので、他のめちゃくちゃなものには全く依存しません.インストールと配置は超簡単で、機能が完備していて、きれいなテーマもたくさんあります.妥当なのはそれです.

Hexo公式サイト:https://hexo.io/zh-cn/

インストールは簡単で、公式サイトで提供されています.
多くのテーマを選択できます.

私の好きなテーマ(Archer)

http://firework.studio/archer-demo/
https://github.com/fi3ework/hexo-theme-archer
サイト構築手順
一般的なステーション構築手順については、本明細書の後述の「リファレンス記事」セクションを参照してください.後続の操作を行う前に、NodeJSとHexoが正常にインストールされていることを確認するには、Hexo公式サイトのインストールガイドに従ってください.
友情のヒント:その前に必ずHexo公式サイトのドキュメントを詳しく読んでください.
私たちのサイトのソース:https://github.com/Zongsoft/zongsoft.github.io、Hexoの実行環境と使用するテーマファイルをサイトの倉庫に保存する必要はありませんので、これらの不要なディレクトリとファイルを追加する必要があります.gitignoreファイル;サイトのHexo基本構成(hexo.config.yml)と対応するトピック構成ファイル(hexo.config-theme.archer)は、次回または他の人が構築するときに上書きをデフォルト構成に復元するために保持する必要があります.
サイト構築
最初のcloneでサイトソースを取得した後、次のコマンドを順番に実行します.Git Bashでの操作を推奨します.

Hexoサイトディレクトリの初期化:

hexo init site && cd site

関連プラグインのインストール:

npm i hexo-generator-json-content --save && npm i hexo-wordcount --save

Archerトピックの取得:

git clone https://github.com/fi3ework/hexo-theme-archer.git themes/archer

Hexoデフォルトプロファイルの上書き:

cp  ../hexo.config.yml _config.yml

Archerトピックのデフォルトプロファイルを上書きする:

cp ../hexo.config-theme.archer.yml themes/archer/_config.yml

カスタムページレイアウト:

cp ../post-footer.ejs themes/archer/layout/_partial/post-footer.ejs

Hexoサイトのインストール:

npm install

文章を書く
上のコンストラクションプロセスは少し時間がかかりますが、一度コンストラクションすれば構いません.

は

hexo new [layout] </code>          ，                 (/docs/_posts/) 。</li> 
  <li>   <code>hexo generate</code>         (/blog)，    ，     <code>hexo server</code>          。</li> 
  <li>  ，     Git                。</li> 
 </ul> 
 <p><strong>  ：</strong>         ，            （   、    、    、Tags ），        Hexo        ：<a href="https://hexo.io/zh-cn/docs/front-matter.html" rel="nofollow noreferrer">https://hexo.io/zh-cn/docs/front-matter.html</a></p> 
 <p><strong>  ：</strong>       ，     <code>hexo clean</code>          ，                             。</p> 
 <h2>    </h2> 
 <ul> 
  <li>   post.ejs (<em>site/themes/archer/layout/</em>)   ，    post-footer.ejs        ：</li> 
 </ul> 
 <pre><code><main class="main post-page">
    <article class="article-entry">
        
    </article>

</main></code></pre> 
 <ul> 
  <li>   post.ejs            ：</li> 
 </ul> 
 <blockquote> 
  <del><div class="nextSlogan">Next Post</div></del> 
  <br/> 
  <code><a class="nextSlogan" href="<%- url_for(page.prev.path) %>">Next Post</a></code> 
  <p><del><div class="prevSlogan">Previous Post</div></del><br/><code><a class="prevSlogan" href="<%- url_for(page.next.path) %>">Previous Post</a></code></p> 
 </blockquote> 
 <ul> 
  <li>    Archer     _post_page.scss (<em>site/themes/archer/src/scss/_partial/</em>)       ：</li> 
 </ul> 
 <pre><code>// ========== paginator ========== //
.post-paginator {
    li {
        max-width:18rem;
    }

    .nextTitle,
    .prevTitle{
        font-size:1.2rem; //remove this line
    }
}

// ========== content ========== //
.abstract-content,
.article-entry {
    > p {
        text-indent:2em;
    }
}</code></pre> 
 <h2>    </h2> 
 <ul> 
  <li>《   Hexo & GitPage     》</li> 
 </ul> 
 <blockquote> 
  <a href="https://yuque.com/skyrin/coding/tm8yf5" rel="nofollow noreferrer">https://yuque.com/skyrin/coding/tm8yf5</a> 
 </blockquote> 
 <ul> 
  <li>《      ：       》</li> 
 </ul> 
 <blockquote> 
  <a href="https://blog.vadxq.com/dstogentie/" rel="nofollow noreferrer">https://blog.vadxq.com/dstogentie/</a> 
 </blockquote> 
 <ul> 
  <li>《  gitment  gitalk    》</li> 
 </ul> 
 <blockquote> 
  <a href="http://www.huyanbing.me/2017/10/20/46383.html" rel="nofollow noreferrer">http://www.huyanbing.me/2017/10/20/46383.html</a> 
 </blockquote> 
 <h3>  ：</h3> 
 <p>       ，     ：<a href="https://zongsoft.github.io/blog/zh-cn/misc/github-site" rel="nofollow noreferrer">https://zongsoft.github.io/blog/zh-cn/misc/github-site</a>，              ，           。</p> 
</article>
                            </div>
                        </div>

を通過する.

iOSアプリ開発でGoogle Analyticsを使うには

c言語における*と〔〕の議論