Hexo-免费个人博客搭建框架使用
Hexo-免费博客搭建使用讲解
初识hexo就给人以眼前一亮的感觉, 查看资料到自己搭建个人博客, 简直是给人”带你装B,带你F”的快感,简单的博客生成操作, 多样化美观的主题选择, 功能强大的插件定制,关键是这些都是免费开源的,作为一个程序员,没有什么比遇到这种好使的软件更加给人已激动了.
配置环境
安装Node(必须)作用:用来生成静态页面的, win\mac\linux都有相关版本自行到官网下载。
安装Git(必须)作用:作为一个21时间程序员,这个肯定大家都会用, 测试过程发现最好配置ssh, 体验会更好。
开发及配置
1. 安装hexo
$ npm install -g hexo
新版本需要安装git插件 $ npm install hexo-deployer-git --save
2. 初始化项目
新建一个你放hexo的新项目目录, cd到里面执行:
$ hexo init$ npm install #安装相关依赖
3. Demo生成及预览
$ hexo generate #生成静态页面$ hexo server #启动本地预览服务
然后用浏览器访问http://localhost:4000/,此时,你应该看到了一个漂亮的博客了
4. 主题选择及下载
hexo3.0使用的默认主题是landscape, 我们可以自行下载主题到theme目录下
$ npm install <plugin-name> --save$ git clone <repository> themes/<theme-name>
安装失败情况可参考切换国内镜像源:
nmp国内镜像
无论是插件还是主题在安装后都需要在根目录下_config.yml中修改plugins和theme的值以启用他们。
fancybox - 是否启用Fancybox图片灯箱效果
duoshuo - 多说评论 shortname
disqus - Disqus评论 shortname
google_search - 默认使用Google搜索引擎
baidu_search - 若想使用百度搜索,将其设定为true
swiftype - Swiftype 站内搜索key
tinysou - 微搜索 key
self_search - 基于jQuery的本地搜索引擎,需要安装hexo-generator-search插件使用。
google_analytics - Google Analytics 跟踪ID
baidu_analytics - 百度统计 跟踪ID
shareto - 是否使用分享按鈕
busuanzi - 是否使用不蒜子页面访问计数
menu - 自定义页面及菜单,依照已有格式填写。填写后请在source目录下建立相应名称的文件夹,并包含index.md文件,以正确显示页面。导航菜单中集成了FontAwesome图标字体,可以在这里选择新的图标,并按照相关说明使用。
widgets - 选择和排列希望使用的侧边栏小工具。
links - 友情链接,请依照格式填写。
Static files - 静态文件存储路径,方便设置CDN缓存。
Theme version - 主题版本,便于静态文件更新后刷新CDN缓存。
- 可以在这里参考各种 美到爆的主题
5. 发布到github上
配置根目录 _config.yml
deploy:type: git repository: https://your_github_url.git branch: master
相关属性设置注释:
# Hexo Configuration
## Docs: http://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/# Site 这下面的几项配置都很简单,你看我的博客就知道分别是什么意思
title: 常兴驿站 #博客名
subtitle: Goals determine what you are going to be #副标题
description: Goals determine what you are going to be #用于搜索,没有直观表现
author: changxing #作者
language: zh-CN #语言
timezone: #时区,此处不填写,hexo会以你目前电脑的时区为默认值# URL 暂不配置,使用默认值
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://yoursite.com
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: false
relative_link: false
future: true
highlight:enable: trueline_number: truetab_replace:# 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 #每页显示的文章数,0表示不分页
pagination_dir: page# Extensions 插件配置,暂时不配置
## Plugins: http://hexo.io/plugins/
## Themes: http://hexo.io/themes/
plugins:
- hexo-generator-feed
theme: light #使用的主题feed: #之后配置rss会用,此处先不配置这个type: atompath: atom.xmllimit: 20 # Deployment 用于部署到github,之前已经配置过
## Docs: http://hexo.io/docs/deployment.htmldeploy: type: gitrepository: https://your.gitbranch: master
执行命令上传到云端github上
hexo deploy
介绍几个hexo常用的命令,#后面为注释。
$ hexo g #完整命令为hexo generate,用于生成静态文件
$ hexo s #完整命令为hexo server,用于启动服务器,主要用来本地预览
$ hexo d #完整命令为hexo deploy,用于将本地文件发布到github上
$ hexo n #完整命令为hexo new,用于新建一篇文章
发表一篇文章
1. $ hexo new "my new post"
2. 编辑 my-new-post.md
title: my new post #可以改成中文的,如“新文章”
date: 2015-04-08 22:56:29 #发表日期,一般不改动
categories: blog #文章文类
tags: [博客,文章] #文章标签,多于一项时用这种格式,只有一项时使用tags: blog
---
#这里是正文,用markdown写,你可以选择写一段显示在首页的简介后,加上<!--more-->,在<!--more-->之前的内容会显示在首页,之后的内容会被隐藏,当游客点击Read more才能看到。
3. $ hexo g 生成静态文件
4. $ hexo d 同步到github
后续
个人博客地址
新浪微博
欢迎沟通学习
Hexo-免费个人博客搭建框架使用相关推荐
- hexo+gitHub 个人博客搭建及更换主题历程(特适合入门小白)
内容涵盖 hexo+gitHub 个人博客搭建 搭建过程中遇到的问题及解决方案 更换主题 1. gitHub 创建博客仓库 (1) 注册Github(如果已注册可以忽略次此步骤) 详细注册步骤请参考: ...
- 【效率为王】超详细 Hexo + Github Pages 博客搭建教程
前言 现在市面上已经有许多博客了,比如 CSDN.掘金.博客园.简书等等.我们可以直接在上面发表内容,而且交互比较人性化,而且也能被搜索引擎检索到.但是总归是别人的平台,经常会受限,因此我们就希望能有 ...
- 个人博客搭建——介绍几种博客搭建框架
介绍几种个人博客的搭建框架 1.hexo:https://hexo.io/ Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓 ...
- hexo与github博客搭建+自动部署+反向代理资源找不到问题+各种踩坑
目录 前言: 需要准备: Hexo的搭建 初始化 主题的选择 上传github 部署自动action 反向代理 成功! 前言: Hexo搭建确实是一个便捷灵活的博客框架,但是里面不免存在很多坑. 在这 ...
- 5分钟 搭建免费个人博客
五分钟倒数已经可以计时了. 三步完成免费个人博客搭建, 这是一篇小白也能看懂的文章,本文主要针对mac OS ,Windows 除了软件安装方式和命令有些区别(装了git bash也一样),其他基本一 ...
- java 搭建个人博客_5分钟 教大家搭建免费个人博客
五分钟倒数已经可以计时了. 三步完成免费个人博客搭建, 这是一篇小白也能看懂的文章,本文主要针对mac OS ,Windows 除了软件安装方式和命令有些区别(装了git bash也一样),其他基本一 ...
- Windows下搭建免费个人博客
三步完成免费个人博客搭建,本文主要针对Windows系统我的是WIN10,OS X请参考 5分钟 搭建免费个人博客 1.创建Github 域名和空间 1.1注册 首先需要注册一个Github账号,如果 ...
- Hexo结合Stun静态博客搭建从入门到入土
摘要 安装npm,安装hexo相关依赖,安装主题stun 修改hexo配置,修改stun配置,部署到github,gitee实现静态访问 给博客加上全局搜索,访问量统计 hexo博客编写模板 tips ...
- Hexo+GitHub静态博客系列1——三步快速搭建
前言 Hexo+GitHub静态博客搭建姿势千千万,各种教程也写烂 那么此搭建姿势就非主流些,侧重图形化操作,减少代码配置,适合新手快速搭建 说来本人也是臭毛病,wordpress.emlog等博客系 ...
最新文章
- 08-Measured Boot Driver (MBD)
- 一位产品总监打算这样管国家:首先得让大家交得起税。
- Ken Block 漂移大叔,程序实现精准漂移算法。
- 坐地起价?三星首款折叠屏手机 1.3 万起!
- Android7.0中关于popupWindow的bug解决办法
- 神经语言程序学(Neruo Linguistic Programming)理解层次
- MFC导入图标文件的方法
- 空间数据挖掘与空间大数据的探索与思考(三)
- 一款开源的轻量级企业流程开发平台,源码分享
- iNFTnews | 元宇宙浪潮下,企业正通过AR和VR技术改善客户体验
- 使用XMind打开.mmap文件不显示问题
- JRebel-JVMTI [FATAL] Please make sure that ‘C:\Users\\AppData\Roaming\JetBrains\IntelliJIdea2020.
- python的一系列绘图基础
- 多个pdf文件如何合并为一个文件?怎样将多个pdf文件合并到一个文件?
- multi task训练torch_Pytorch多机多卡分布式训练
- 小记一次海量数据实时查询域名库设计(下)
- 用Quartus实现2-4线,3-8线,4-16线译码器及控制七段数码管
- 系统资源不住无法完成请求的服务器,windows10系统提示“系统资源不足,无法完成请求的服务”怎么办...
- 【机器学习】 主流机器学习算法简介与其优缺点分析
- 当ViewModelProviders方法被弃用,使用ViewModelProvider获取ViewModel的新写法_莫韵乐与bug的奇妙冒险