怎样基于Github&Hexo搭建博客

图片来自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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容