Ghostで自分のブログを作る

23873 ワード

Ghostで自分のブログを作る
回転:http://blog.insanecoder.top/yong-ghostda-jian-zi-ji-de-bo-ke/
私は最近JavaとSpringのフレームワークを勉强しています.自分が开発した小さなサイトがクラウドの上に走ることができるように、アリクラウドでサーバーとドメイン名を买いました.买った后もあまり使っていないようで、もったいないと思いました.そこで、クラウドサーバーにブログを建てて、自分が普段勉强しているか、仕事で出会った问题と心得を记录することを考えました.私はこのブログがどんなにヒットするかは贅沢ではありませんが、この上の情報が必要な人を助けることができたら、私はとても嬉しいです(遠くまで話したようです).
ネット上のブログシステムは、WordPress、Jekyll、千年二と呼ばれるZ-Blogなど、これらのブログシステムに基づいてブログを構築する「簡単で使いやすいと言われていますが、PHPもASPも分からない私にとっては、これらのブログシステムに怯えるしかありません.
たまにネットでこのブログを見て、とてもきれいだと思って、それからよく見てGhostというブログシステムを使って構築されたことを発見しました.このブログシステムはNode.jsに基づいており、そのスローガンはJust a blogging platformであり、そのスローガンから軽量級のブログシステムであることがわかる.Node.jsの開発に多少触れたことがあるので、今回のブログの構築を始めました.
くだらないことはあまり言わないで、次は直接本題に入ります.
Ghostのダウンロードと構成
Ghostはオープンソースで、直接公式サイトでGhostソースコードをダウンロードすることができ、その後、公式チュートリアルに基づいてGhostのインストールを行うことができ、インストール後、Ghostに対していくつかの構成を行う必要があります.プロファイルはGhostルートディレクトリの下のconfig.jsで、この構成は主にURL、mail、database、serverの構成を含む.
URL
urlとは、あなたのブログにアクセスするために必要な労働者のurlです.例えば、私のブログのurlはhttp://blog.insanecoder.top ,このurlは主にページ内のリンクに使用され、構成しないとページ上のリンクが誤ったアドレスに達する可能性があります.
mail
この配置過程は必要な学生たちに研究してもらいましょう.ブロガーはしばらく必要ないので、さらなる研究はしていません.mailは転送ドアを配置します.
database
ghostはデフォルトでsqlliteをデータを格納するデータベースとして使用しています.sqlliteは軽量レベルのデータベースシステムです.Androidを作ったことがある人はよく知っているはずです.データベースをMySQLに変更したい場合は、次のような構成ができます.
database: {  
    client: 'mysql',
    connection: {
        host     : 'urlofmysql',
        user     : 'yourusername',
        password : 'yourpassword',
        database : 'blogdatabase',
        charset  : 'utf8'
    }
},
ブログのデータベースは自分で手動で作成する必要があります.そうしないとghostを起動するときにエラーが発生します.データベースを振り回すのがおっくうな場合は、デフォルトの構成を直接使用できます.
server
serverの構成は主にghostサービスを構成するために傍受するhostとportを構成することであり、デフォルトの構成は以下の通りであり、特別な需要がなければ、直接デフォルトで使用すればよい.デフォルトの構成は以下の通りである.
server: {  
    host: '127.0.0.1',
    port: '2368'
}
ここで少し注意してください.アリクラウドを使用する場合は、コンソールのセキュリティグループで対応するポート番号を開く必要があります.そうすれば、外からブログに正常にアクセスできます.
これらの構成が完了したら、ルートディレクトリの下でghost serverを起動すると、外部ネットワークを通じてブログにアクセスできます.
npm start index.js  
トピックの変更
Ghostを選ぶもう一つの重要な原因は、このブログシステムには確かに多くのテーマがあります.公式テーマ倉庫、これらのテーマ倉庫は有料で無料です.皆さんのニーズを見て、自分で選ぶことができます.私はここでvno for Ghostというテーマを選びました.テーマを載せた後、このテーマcopyをcontent/themesフォルダの下に置きます.
git clone https://github.com/onevcat/vno.git  
cp vno [yourghostpath]/content/themes  
次にghostの設定ページを開き、Generalの設定に入ります.この場合、まず登録を求められる場合があります.必要に応じて登録すればいいです.
[yourblogurl]/ghost/setup
開くと、ここではテーマのほかに、アイコンや表紙などを設定できることがわかります.
NRBC
Ghostのデフォルトポートは2368です.これにより、urlの後ろに上端スローガンを付けなければなりません.もう一つは、ファイアウォールの構成を変更する必要があります.これにより、ある程度のセキュリティ上の危険性があります.だから普通はポートを80に変える必要がありますが、私のサーバーの80ポート番号はすでにTomcatに占有されていて、この時Nginxの逆エージェント機能を使うことができません.  まず公式サイトからnginxのインストールパッケージをダウンロードします
wget https://nginx.org/download/nginx-1.10.1.tar.gz  
その後、コンパイルインストール、インストール中にPCREとzlib依存ライブラリが必要になる場合がありますが、configureを行うときに対応するコンパイルオプションを加えるだけで解決できます.
./configure --with-pcre=PCREPATH --with-zlib=ZLIBPATH
make  
make install  
最后に逆エージェントの配置を行って、ここで私はただブログの部分の肝心なエージェントの配置に対して贴り出して、各位の学友の参考に供します
server {  
    listen          80;
    server_name     blog.insanecoder.top;

    location / {
        proxy_pass http://localhost:2368;
        proxy_read_timeout 3600s;
        proxy_http_version 1.1;
    }
}
構成の考え方は簡単です.blog.insanecoder.top:80をリスニングします.リクエストがあれば、逆エージェント値をリスニングします.http://localhost:2368 のurlでは、Ghostブログシステムがこのurlを構成しているからです.ここでは、nginxは逆エージェントと負荷のバランスのとれた強力なツールとして、私はここで最も簡単な機能を使っただけで、より多くの機能は皆さんが自分で発掘する必要があります~
コメントシステムの追加
私は以前、本を読んだり勉強したりして、仕事を含めてすべてのノートや心得を印象ノートに書いていましたが、このノートは使いやすいと言わざるを得ませんでした.このブログを作りたいのは、自分の考えを共有したいからです.ブログにコメントシステムを追加する必要があります.Ghostは軽量級のブログシステムで、自身にはコメント機能がなく、第三者のコメントプラグインを借りなければならない.よく使われる海外にはDISQUSがあるが、googleなどの海外アカウントでログインしなければコメントできない.使用していない.国内にも似たような機能のコメントプラグインがある.また、国内の主流のソーシャルアカウント、例えばqq、微信、微博などでログインすることができ、国内での使用を便利にすることができるので、私は多くのコメントシステムとして選択しました.次に流れを簡単に説明します(実はもともと簡単です)  まず、要求に従ってアカウントの登録を行い、登録後、自動的にバックグラウンド管理インタフェースにジャンプします.このインタフェースはjsコードを自動的に生成します.あなたがしなければならないのは、このコードをコメントが必要なインタフェースに埋め込むことです.jsコードは以下の通りです.
  
<div class="ds-thread" data-thread-key="                ID" data-title="         " data-url="         ">div>  
  
  
<script type="text/javascript">  
var duoshuoQuery = {short_name:"insanecoder"};  
    (function() {
        var ds = document.createElement('script');
        ds.type = 'text/javascript';ds.async = true;
        ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
        ds.charset = 'UTF-8';
        (document.getElementsByTagName('head')[0] 
         || document.getElementsByTagName('body')[0]).appendChild(ds);
    })();
script>  
  
このコードを入手したら、content/themesパスに入って現在のthemeを選択し、partialsでcomments-duoshuo.hbsファイルを新規作成し、このプログラムをコピーし、変更する必要がある行を次のように変更します.
<div class="ds-thread" data-thread-key="{{slug}}" data-title="{{title}}" data-url="{{url absolute='true'}}">div>  
最後に現在のthemeのpost.hbsの末尾({/post}})の前に次のコードを追加するとコメントシステムの追加が完了します.
{{> comments-duoshuo}}
これで、自分のブログを持つことができて、もうスタンドアロン版のノートを游ぶ必要はありません~