GitHub+Hexo構築チュートリアルと踏んだ穴

4563 ワード

自分のブログを作ることへの好奇心から、この2、3日は自分で操作します.ネット上の各种の教程、しかし多くはすべて従业の経験のある人が书いたので、入门の白に対して各种の敷居があって、间违って、どのように解决するか分からないで、ネット上で1度むやみに探して、やはり解决していないで、放置して、これは多くの白が途中で放弃する原因です.自分で作る过程の中で放弃したいという考えもあって、后で考えてみるとこんなに长い间やっていたので、途中でやめるのはよくありません.はい、まずスーパーベースのチュートリアルを投げて、私もこのチュートリアルに基づいて一歩一歩来て、多くの回り道を少なくしましたが、やはり穴にぶつかって、このブログは主にこのベースのチュートリアルに対して、自分の実践の過程で自分が出会った穴です.
初心者向けGitHub+Hexo「大話」ブログ構築チュートリアル
ピット1:Git ShellをGit Bashに置き換え、そのままチュートリアルに従ってインストール
自分の前にインストールしたのはGit Desktopで、インストールした対応するコマンド端末はGit Shellで、bashはshellですが、自分はその中のコマンドの運用に慣れていないので、両者の関係も深く理解していないので、自分がGit Shellを使ってGit Bashと同じように、後でチュートリアルに従って、自分で頭をぼんやりさせます.自分でインストールしたGit Desktopは、Git ShellでGit Desktopのバージョンが低すぎることをコマンドで提示し、Git Desktopを更新しようとした結果、更新できないことを示した.思い切ってGit Desktopを捨てて、チュートリアルに従います.
ピット2:SSH KeyをGitHubに追加
チュートリアルに書いてあるCディスクの下にあるidを見つけます.rsa.pubファイルは、最初から生成に成功せず、チュートリアルに厳格に従っています.
ピット3:コマンドhexo sの実行
Hexoをインストールしてhexo sを使ってサービスのローカルプレビューを起動して、先にブラウザの中でlocalhost:4000を入力して、見終わってからCtrl+Cを入力して、自分も比較的にぼんやりしていて、万hexo sを入力して、直接Ctrl+Cを入力して、結果はブラウザの中でlocalhost:4000を見て、いつもホームページを表示することができません.
坑4:ブログ交換テーマ
あなたのHexoルートディレクトリの下のthemesフォルダには、あなたがダウンロードしたテーマがいくつかあります.チュートリアルに従って変更します.config.ymlのトピック
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: hexo-theme-yilia

注意修正したのはthemeの後ろの部分で、私が使っているのはhexo-theme-yiliaで、前に自分で修正し間違えて、結果はずっと変わっていません.デフォルトのテーマはlandscapeです.
手順:
  • Git Bashを開き、cd D:/Administrator/Hexo/themes(手前が自分でインストールしたHexoのルートディレクトリであることに注意し、自分のルートディレクトリに変更)を入力し、コマンドでthemesフォルダ内の
  • に切り替える
  • それから必要なテーマをgithubのウェブサイトの上でcloneからgit cloneを降りますhttps://github.com/litten/hexo-theme-yilia.git、クローンを作成すると、themesフォルダに新しいトピックフォルダhexo-theme-yilia
  • が表示されます.
  • hexo sを入力して表示すると、新しいインタフェース
  • が表示されます.
    坑5:自分でMarkDownブログを作成してアップロードする
    手順:
  • Git Bashを開き、hexo nの「ファイル名」を入力し、Hexoルートディレクトリの下のsource->Postsフォルダには、作成したMarkDownファイル
  • が表示されます.
  • Typoraを使用してMarkDownファイルを開いてブログを編集し、編集後Ctrl+S保存
  • Git Bashにhexo gを入力
  • を生成する.
  • 入力hexo sローカルサービスプレビュー
  • を起動
  • 入力hexo dはGitHubブログに配置され、しばらくするとブログの発表が成功した
  • が表示されます.
    坑6:自分で新しいブログを书いてアップロードする时ずっと间违います
    MarkDownファイルを新しく作成するときに開くと、カーソルは自動的にtags:後ろにあり、真ん中にスペースはありません.自分でtagsを追加するときやtagsを書かないときは、後ろに必ずスペースを追加しなければなりません.そうしないと、アップロード時にエラーが発生します.
    ピット7:_config.ymlファイルの変更中にエラーが発生しました
    プロファイルを変更するときは、デフォルトのヘッダー:(ヘッダー:)の後ろに内容を追加するか、内容を変更するときは必ずスペースが必要です.
    私が修正した完全なものを共有します.config.ymlファイル
    # Hexo Configuration
    ## Docs: https://hexo.io/docs/configuration.html
    ## Source: https://github.com/hexojs/hexo/
    ​
    # Site
    title: Vampire's Blog  #  
    subtitle: "Sword of Damocles"  #  
    description: "  ,       "  #  
    author: Vampire  #  
    language: zh-Hans
    timezone: Asia/Shanghai  #  
    ​
    # URL
    ## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
    url: https://Vampires1124.github.io  #  
    root: /
    permalink: :year/:month/:day/:title/
    permalink_defaults: 
    ​
    # Directory
    source_dir: source
    public_dir: public
    tag_dir: tags
    archive_dir: archives
    category_dir: categories
    code_dir: downloads/code
    i18n_dir: :lang
    skip_render:
    ​
    # Writing
    new_post_name: :title.md # File name of new posts
    default_layout: post
    titlecase: false # Transform title into titlecase
    external_link: true # Open external links in new tab
    filename_case: 0
    render_drafts: false
    post_asset_folder: true
    relative_link: false
    future: true
    highlight:
      enable: true
      line_number: true
      auto_detect: false
      tab_replace:
      
    # Home page setting
    # path: Root path for your blogs index page. (default = '')
    # per_page: Posts displayed per page. (0 = disable pagination)
    # order_by: Posts order. (Order by date descending by default)
    index_generator:
      path: ''
      per_page: 10
      order_by: -date
      
    # Category & Tag
    default_category: uncategorized
    category_map:
    tag_map:
    ​
    # Date / Time format
    ## Hexo uses Moment.js to parse and display date
    ## You can customize the date format as defined in
    ## http://momentjs.com/docs/#/displaying/format/
    date_format: YYYY-MM-DD
    time_format: HH:mm:ss
    ​
    # Pagination
    ## Set per_page to 0 to disable pagination
    per_page: 10
    pagination_dir: page
    ​
    # Extensions
    ## Plugins: https://hexo.io/plugins/
    ## Themes: https://hexo.io/themes/
    theme: hexo-theme-yilia  #    
    ​
    # Deployment
    ## Docs: https://hexo.io/docs/deployment.html
    deploy:
      type: git
      repository: [email protected]:Vampires1124/Vampires1124.github.io.git  #  
      branch: master
    ​

    上に「#私の」と書いてあるのは私が修正した場所で、他の場所は変動していません.
    以上が私の実操の過程で出会ったいくつかの問題で、まとめてみます.