美文网首页
怎样基于Github&Hexo搭建博客

怎样基于Github&Hexo搭建博客

作者: yyming | 来源:发表于2017-08-23 20:09 被阅读0次
    图片来自https://unsplash.com/

    基于Github和Hexo的博客搭建教程在百度上一大堆,洺哥在踩过一些坑后才终于把自家的寄托在github上的博客给搭建起来,洺哥的这篇博文将作为博客网站的第一篇教程贴!!

        参考教程:
        1. http://www.jianshu.com/p/701b1095da11
        2. http://www.jianshu.com/p/67c57c70f275
        3. https://www.zhihu.com/question/24422335
    

    电脑端需要装的软件有

    1.msysgit

    点击下载msysgit 后默认下一步安装即可

    安装成功后在桌面点击右键会出现下图中的两个git选项即可


    2. Node.js

    在 Windows 环境下安装 Node.js 非常简单,仅须下载安装文件并执行即可完成安装

    LTS版适用于大多数使用者

    3. hexo

    通过前面安装的git来安装Hexo

    鼠标在桌面点击右键后选择Git Bash Here选项

    在出现的命令框中输入

       npm install -g hexo
    

    安装成功后自行创建一个文件夹作为接下来博客的存放地址


    在文件夹的空白处右键后选择Git Bash Here选项

    在框中输入命令初始化Hexo

    hexo init
    

    接下来安装相关的依赖包

        hexo install
    

    一个博客框架就搭好了
    接下来再次输入一下命令,打开一个浏览器输入地址查看自己的博客框架

        hexo generate
        hexo server
        浏览器输入以下地址:
        localhost:4000
    

    执行hexo server提示找不到该指令??

        执行以下命令后再执行hexo server
        npm install hexo -server --save
    
    现在搭建好的博客框架只能在自己电脑上被看到,还不能通过Internet访问到,为了能把自己的博客放上Internet,我们接下来需要把我们的博客项目托管在github上。
    Github

    知乎关于github的介绍

    github创建博客

    点击链接https://github.com/注册账号

    点击下图中的New repository创建新的项目仓库

    在下图中按照格式要求填入仓库名称(yourname.github.io)
    每个账号只能托管一个博客

    其他信息自己选填,随后点击绿色的Create repository确认创建

    生成SSH密钥(个人感觉没啥用,最后我还是需要输入密码)

    按照上文Hexo部分打开的Git Bash 中输入

        ssh-keygen -t rsa -C "你的邮箱地址"
        按3个回车,密码为空。
    

    在计算机的C:\Users\Administrator.ssh中得到两个文件id_rsa和id_rsa.pub。
    用Excel打开id_rsa.pub,复制全文。打开网址https://github.com/settings/ssh ,Add SSH key,粘贴进去。

    全局配置 _config.yml

    (这里需要你自己按照博客需求去配置)

        # Hexo Configuration
        ## Docs: http://hexo.io/docs/configuration.html
        ## Source: https://github.com/hexojs/hexo/
        # Site #站点信息
        title:  #标题
        subtitle:  #副标题
        description:  #站点描述,给搜索引擎看的
        author:  #作者
        email:  #电子邮箱
        language: zh-CN #语言
        # URL #链接格式
        url:  #网址
        root: / #根目录
        permalink: :year/:month/:day/:title/ #文章的链接格式
        tag_dir: tags #标签目录
        archive_dir: archives #存档目录
        category_dir: categories #分类目录
        code_dir: downloads/code
        permalink_defaults:
        # Directory #目录
        source_dir: source #源文件目录
        public_dir: public #生成的网页文件目录
        # Writing #写作
        new_post_name: :title.md #新文章标题
        default_layout: post #默认的模板,包括 post、page、photo、draft(文章、页面、照片、草稿)
        titlecase: false #标题转换成大写
        external_link: true #在新选项卡中打开连接
        filename_case: 0
        render_drafts: false
        post_asset_folder: false
        relative_link: false
        highlight: #语法高亮
          enable: true #是否启用
          line_number: true #显示行号
          tab_replace:
        # Category & Tag #分类和标签
        default_category: uncategorized #默认分类
        category_map:
        tag_map:
        # Archives
        2: 开启分页
        1: 禁用分页
        0: 全部禁用
        archive: 2
        category: 2
        tag: 2
        # Server #本地服务器
        port: 4000 #端口号
        server_ip: localhost #IP 地址
        logger: false
        logger_format: dev
        # Date / Time format #日期时间格式
        date_format: YYYY-MM-DD #参考        http://momentjs.com/docs/#/displaying/format/
        time_format: H:mm:ss
        # Pagination #分页
        per_page: 10 #每页文章数,设置成 0 禁用分页
        pagination_dir: page
        # Disqus #Disqus评论,替换为多说
        disqus_shortname:
        # Extensions #拓展插件
        theme: landscape-plus #主题
        exclude_generator:
        plugins: #插件,例如生成 RSS 和站点地图的
        - hexo-generator-feed
        - hexo-generator-sitemap
        # Deployment #部署,将 lmintlcx 改成用户名
        deploy:
          type: git
          repo: 刚刚github创库地址.git
          branch: master
    
        作者:吴小龙同學
        链接:  http://www.jianshu.com/p/701b1095da11
        來源:简书
        著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
    
    ## 上面文件中最后需要如下所示修改
        deploy:
          type: git
          repository:     https://github.com/leopardpan/leopardpan.github.io.git  
          ## leopardpan= github账户名
          branch: master
    

    编辑好后怎么发布?
    在Git bash 中依次运行如下命令:

       hexo clean  ## 清除缓存
       hexo generate  ## 生成静态网页
       hexo deploy  ## 同步云端github仓库
    

    其他命令:

    hexo server ## 本地编译调试
    

    怎样编辑和发布自己的博客?

    在这之前请在https://hexo.io/themes/中选择一个自己喜欢的主题,然后下载github文件,按照每个主题自己的替换教程修改自己的主题。

    END

    相关文章

      网友评论

          本文标题:怎样基于Github&Hexo搭建博客

          本文链接:https://www.haomeiwen.com/subject/nuzgrxtx.html