如何改typecho主题头像_零成本搭建hexo个人博客(二)--修改主题
hexo默认主题landscape
估计很多小伙伴在搭建部署hexo完成后,会看到上面的页面后,然后就感觉,啊?就这?这个页面也太难看了。有没有什么方法可以改一下这个页面的UI啥的,方法是有的:
- 第一种自己动手修改源码,可以做到你自己想要的效果,前提是你得懂node.js,再加上ejs、jade、swig、haml模板引擎,感兴趣的小伙伴可以深入了解node.js开发出属于自己的主题模板;
- 第二种方法就是直接选用大佬们开发的主题,在GitHub大佬百家争鸣下,有着各种各样的精美的主题,功能也趋于完善,开源的方式也让主题项目逐渐成熟,我们可以打开hexo的官方文档https://hexo.io/themes/中看到目前有313个是在hexo上展览的。
官方文档展览主题
这里我就推荐一下github上star排名前列的yilia、next等主题,当然你也可以选自己喜欢的主题,如果点击上图的主题不是直接跳转到github项目,你可以在预览的博客网站中找到github的链接,比如我现在点击这个Academia,我们可以在网站底部看到这个主题名称的超链接,点进去就跳转到了。进入项目的目的是为了查看文档,如何学会使用文档自己操作。
网站底部
接下来我将使用yilia主题来做演示。
搜索yilia
博客网站右下角底部
开搞!
1. 安装主题
- 首先我们先要克隆远程仓库到我们本地,themes/yilia-plus的意思是克隆到themes下的yilia-plus文件夹下,如果themes下没有这个文件,他会自动创建一个。
git clone --depth=1 https://github.com/JoeyBling/hexo-theme-yilia-plus.git themes/yilia-plus
下载速度慢的,可以改一下hosts文件,添加github等网站的IP地址(百度一下怎么操作),经过漫长的等待下,还是失败的话,先删除yilia-plus文件夹,再替换上条命令的https:为git:,速度直接起飞,有没有。
git clone --depth=1 git://github.com/JoeyBling/hexo-theme-yilia-plus.git themes/yilia-plus
- 接下来我们就开始更改主目录下的_config.yml文件的theme字段,把landscape改为yilia-plus
_config.yml
修改完后一定要保存,不然是不会生效的,ctrl+s保存_config.yml然后清除静态文件,重新生成静态文件,然后在本地运行
hexo clean;hexo g;hexo s
修改主题完成后
2. 配置网站信息
个人信息
接着我们来修改网站的全局信息,title对应的是你网页的标题信息,author`对应的是你的用户名
title
author
修改完后一定要保存,不然是不会生效的,ctrl+s保存_config.yml同样要清除静态文件,重新生成静态文件,然后在本地运行
hexo clean;hexo g;hexo s
3. 配置主题信息
接下来,我们要找到这个yilia-plus文件夹下面的_config.yml,这个是主题的配置信息,记住是在yilia-plus目录下面的,我们来修改头像(其他修改图片的方法类似)
avatar
找到yilia-plus下的source下的img文件夹,我们可以放自己定义的照片,然后修改avatar相对应的图片路径,修改完直接刷新网页就行,不需要重启本地服务器,进行清除静态文件等操作
修改路径
完成效果
其余的操作就按照config.yml的中文选择自己的需要,这里就不做多的介绍,更改完毕后,ctrl+c关闭本地服务器,然后推送到远程仓库
hexo clean;hexo g;hexo d
4. 总结
hexo修改主题就讲到这里,希望大家能打造出自己喜欢的个人博客。
如何改typecho主题头像_零成本搭建hexo个人博客(二)--修改主题相关推荐
- 最简便的方法搭建Hexo+Github博客,基于Next主题
前言 如果你喜欢写作,我觉得你可以试试gitbook或者跟着本文搭建一个属于自己的博客空间(即使你不是IT行业的一员),不再受限于第三方博客地址,当然Hexo搭建的博客也是基于github托管的,但是 ...
- 搭建 Hexo 个人博客和 Matery 主题的配置优化
文章目录 Hexo 的安装 安装 Git 安装 Node.js 升级 Node.js 版本 安装 Hexo 升级 Hexo 版本 初始化 Hexo 启动 Hexo 服务 Hexo 部署到 GitHub ...
- php 上传apk包到cdn_零基础搭建自己的博客网站和配置CDN设置wordpress篇
零基础搭建自己的博客网站 博客类的建站程序有很多例如wordpress. typecho.zblog.emlog等等这几种是最常见的 平时我们用的见的更多的都是wordpress,因为wordpres ...
- 卢松松主题php,2017最新卢松松网站模板博客版 Zblog主题模板PHP程序 SEO最好的主题模板...
2017最新卢松松网站模板博客版 Zblog主题模板PHP程序 SEO最好的主题模板 特别说明: 1.永久升级,免费更新 2.本店只出售模板,不提修改定制,图片编辑美工等等服务. 3.非常利于SEO优 ...
- 轻量版 markdown博客_如何快速搭建自己的博客平台
如何快速搭建自己的博客平台 对于一个程序员来说,搭建一个属于自己的博客平台是非常有意义的事情.首先,博客可以记录自己的成长历程,也是对自己一段时间学习和工作的总结和沉淀:其他,通过博客可以营销自己,增 ...
- 如何改typecho主题头像_如何搭建hexo个人博客
自媒体时代,每个人都有展示自己的舞台. 你是否想过搭建一个属于自己的博客,不再为各种广告和限制而头疼? 那就入坑hexo吧!保证你一时半会儿爬不出来! 先上效果图 移动端效果图如下 是不是有一种网易轻 ...
- 基于ssm的个人博客_基于 CentOS7 搭建 WordPress 个人博客
1.准备 LNMP 环境 LNMP 是 Linux.Nginx.MySQL 和 PHP 的缩写,是 WordPress 博客系统依赖的基础运行环境.我们先来准备 LNMP 环境 1.1.安装 Ngin ...
- 使用 Github 空间搭建 Hexo 技术博客——Hexo NexT主题内设置可爱的动漫小人(九)
1.安装模块 hexo博客根目录选择cmd命令窗口或者git bash 输入以下代码,安装插件 npm install --save hexo-helper-live2d 各种模型展示 live2d- ...
- hexo部署成功但是没效果_使用 Hexo+GitHub 搭建个人免费博客教程(小白向)
前言 近些年来很多用户都喜欢使用 GitHub Pages 来搭建 Hexo 静态博客网站,其最吸引人的莫过于完全免费使用,并且非常稳定. 虽然搭建时比较麻烦,有点折腾,但是配置完成后,基本不需要操心 ...
最新文章
- 常用命令-临时记录!
- flink physical partition
- 教你实现图片的惰性加载
- [二分搜索|快速选择] leetcode 4 寻找两个正序数组的中位数
- stl之set集合容器应用基础
- hdu2553N皇后问题(打表)
- Pycharm快速入门(5) — Python解释器和环境配置
- VoLTE业务端到端流程:IMS侧信令流程
- SAP注塑行业ERP系统软件的分析
- Multi-Faceted Distillation of Base-Novel Commonality for Few-shot Object Detection
- 在线重定义在线更换分区表分区类型
- Yelp Dataset(Yelp业务-评论-用户数据集)
- 多旋翼飞行器设计与控制(三):机架设计
- typora中html标签不折叠,使用Typora编写Markdown你真的会了吗
- 2014年托福考试共计全国38场考试
- 罗胖精选 | 如何打造高效运转的团队?
- ubuntu提示“播放此文件需要MPEG-4-AAC解码器,H264解码器“
- 南邮电装实习报告(最全)
- NCC修改logo及背景图片方法
- python与室内设计_室内设计之3DMax软件的应用