文档章节

搭建属于自己的技术博客

fengsehng
 fengsehng
发布于 2016/11/10 09:34
字数 806
阅读 37
收藏 0

码上生花,ECharts 作品展示赛正式启动!>>>

每个程序员都需要自己的博客

本文的博客搭建采用了静态博客技术 。

技术框架是:github pages和hexo

hexo安装

hexo介绍

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

安装hexo之前需要先安装git和node.js

参考网站:https://hexo.io/zh-cn/docs/index.html

安装git:

sudo yum install git-core

安装node.js

Wget:

$ wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh 安装完成后,重启终端并执行下列命令即可安装 Node.js。

$ nvm install stable 安装 Hexo 所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo。

$ npm install -g hexo-cli

github pages的配置

1.新建repo

2.设置名字为username.github.io

3.点击setting,选择launch automatic page generater,然后点击continue to layouts,开通pages

配置hexo

1.初始化

hexo init folder cd folder npm install

2.配置文件

_config文件里面包含了配置信息 基本的配置信息介绍

网站

参数 描述 title 网站标题 subtitle 网站副标题 description 网站描述 author 您的名字 language 网站使用的语言 timezone 网站时区。Hexo 默认使用您电脑的时区。时区列表。比如说:America/New_York, Japan, 和 UTC 。

网址

参数 描述 默认值 url 网址 root 网站根目录 permalink 文章的 永久链接 格式 :year/:month/:day/:title/ permalink_default 永久链接中各部分的默认值 网站存放在子目录 如果您的网站存放在子目录中,例如 http://yoursite.com/blog,则请将您的 url 设为 http://yoursite.com/blog 并把 root 设为 /blog/。

目录

参数 描述 默认值 source_dir 资源文件夹,这个文件夹用来存放内容。 source public_dir 公共文件夹,这个文件夹用于存放生成的站点文件。 public tag_dir 标签文件夹 tags archive_dir 归档文件夹 archives category_dir 分类文件夹 categories code_dir Include code 文件夹 downloads/code i18n_dir 国际化(i18n)文件夹 :lang skip_render 跳过指定文件的渲染,您可使用 glob 表达式来匹配路径。

3..本地测试

hexo g # 或者hexo generate hexo s # 或者hexo server,可以在http://localhost:4000/ 查看

hexo部署到github

1.安装扩展工具

npm install hexo-deployer-git --save

2.clone项目到本地

cd <file> $ git clone clone地址链接

3.创建一个deploy脚本文件

fengsehng.github.io是我的项目名字

#!/bin/bash
# This is our first script.
hexo generate
cp -R public/* fengsehng.github.io
cd fengsehng.github.io
git add .
git commit -m “update”
git push origin master

4.大公告成,查看github pages网址:https://fengsehng.github.io/

这里写图片描述 hexo技巧:

在工程目录下添加插件 添加sitemap和feed插件

npm install hexo-generator-feed npm install hexo-generator-sitemap 修改_config.yml,增加以下内容

# Extensions
Plugins:
- hexo-generator-feed
- hexo-generator-sitemap
#Feed Atom
feed:
  type: atom
  path: atom.xml
  limit: 20
#sitemap
sitemap:
  path: sitemap.xml

另外还有其他几个常用命令:

hexo new "postName" 新建文章 hexo new page "pageName" 新建页面 参考: http://jiji262.github.io/2016/04/15/2016-04-15-hexo-github-pages-blog/ http://www.jianshu.com/p/05289a4bc8b2 https://hexo.io/zh-cn/docs/configuration.html

我的微信二维码如下,欢迎交流讨论

这里写图片描述 欢迎关注《IT面试题汇总》微信订阅号。每天推送经典面试题和面试心得技巧

微信订阅号二维码如下:##

这里写图片描述

© 著作权归作者所有

fengsehng
粉丝 4
博文 284
码字总数 214494
作品 0
朝阳
程序员
私信 提问
加载中
此博客有 1 条评论,请先登录后再查看。
GitHub Page搭建个人博客

为什么要搭建个人博客呢? 不知大家有没有玩过minecraft,里面有一个生存模式,开局什么都没有,你需要不断获取材料,然后生存下去。然后在此期间,你可以建造自己的房子,一个属于你自己精心...

ryan0wang
04/01
0
0
快速搭建个人博客的途径有哪些

如今网络发展迅猛,像微博、微信等新媒体已深入我们的生活,即时通讯信息传播非常便捷。虽然现在坚持认真写博客的人越来越少,但依然有很多人喜欢用写博文的形式分享传播信息。 网上各大门户...

GavinHsueh
2017/09/28
0
0
豪横!程序员搭建技术博客,就只需一个GitHub账号

引言 作为程序员拥有一个属于自己的个人技术博客,绝对是百利无一害的事,不仅方便出门装b,面试时亮出博客地址也会让面试官对你的好感度倍增。经常能在很多大佬的技术文章的文末,看到这样一...

程序员内点事
04/11
0
0
不可思议的hexo,五分钟教你免费搭一个高逼格技术博客

引言 作为程序员拥有一个属于自己的个人技术博客,绝对是百利无一害的事,不仅方便出门装b,面试时亮出博客地址也会让面试官对你的好感度倍增。经常能在很多大佬的技术文章的文末,看到这样一...

程序员内点事
04/04
0
0
零成本搭建现代博客指南-1 - 知乎

原文首发于我的博客:零成本搭建现代博客指南-1 这个系列不少的东西需要你科学上网才能访问,也就是你需要一把梯子。 为什么要搭建自己的独立博客 你可能会想,我们有知乎专栏、微信公众号、...

构建我的被动收入
03/31
0
0

没有更多内容

加载失败,请刷新页面

加载更多

HashMap解析(主要JDK1.8,附带1.7出现的问题以及区别)

按问题的形式来吧,这些大多是我自己总结的,如有错误请及时指正谢谢 1.你了解HashMap么,可以说说么?   首先,HashMap是一种数据结构,可以快速的帮我们存取数据。它的底层数据结构在1.7...

osc_gzy7qjj6
41分钟前
16
0
CentOS8.1操作系下使用通用二进制包安装MySQL8.0(实践整理自MySQL官方)

  写在前的的话: 在IT技术日新月异的今天,老司机也可能在看似熟悉的道路上翻车,甚至是大型翻车现场!自己一个人开车过去翻个车不可怕,可怕的是带着整个团队甚至是整个公司一起翻车山崖...

osc_494omtst
42分钟前
15
0
关于对健壮性代码的理解

这两天学到了很多知识,对项目的严密性有了极为深刻的理解,简而言之,身为前端开发者要站在用户的角度去写相关代码,而不能仅仅局限于理所当然,也不可以认为数据有便有,没有便没有,身为开...

osc_47pscir3
43分钟前
13
0
【Spring注解驱动开发】组件注册-@ComponentScan-自动扫描组件&指定扫描规则

写在前面 在实际项目中,我们更多的是使用Spring的包扫描功能对项目中的包进行扫描,凡是在指定的包或子包中的类上标注了@Repository、@Service、@Controller、@Component注解的类都会被扫描...

osc_a5w6ccj0
45分钟前
10
0
学习c++ (五) 用duilib 编写界面

还是那句话,不想用MFC,写的界面丑,不想依赖MFC的一些库,在网上闲逛,发现duilib还可以,至于QT,有时间再研究, dulib已经没人更新了,估计也是翻不出什么花样了,但研究一下总算是C++的...

osc_jklrr90y
45分钟前
19
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部