基于Hexo实现一个静态的博客网站】的更多相关文章

前言:我的博客写作之路 15 年刚上大学,第一次接触公众号,就萌生了创建一个公众号写点东西,但最终不了了之. 很快到了 16 年,开始接触网上各大博客网站,接触最多的当属 CSDN,萌生了注册一个博客,写一点自己在学习上遇到的问题,分享一些自己的解决办法,但最终还是不了了之. 16 年暑假,自媒体横行在全国各地,自己眼里似乎看到很多机会有似乎异常模糊.一个偶然的机会让我意识到必须开始弄个博客写点东西了,当时的想法是,先注册个头条号,16年下半年开学再弄博客写东西,这种事情不着急,时间一天天过,但…
在 基于 Hexo + GitHub Pages 搭建个人博客(一) 这篇文章中,我们已经知道如何使用 Hexo + GitHub Pages 搭建一个个人博客,GitHub 为我们提供了免费的域名和服务器,非常方便,无需我们费心.但是 Hexo 博客的原生主题并不符合大众的风格,那么如何为 Hexo 博客更换成我们喜欢的主题呢?下面这篇就来详细解答如何配置博客个人信息以及更换博客主题,以很多人都在使用的 NexT 主题为例. 一.配置博客个人信息 1.打开博客目录,如下图所示,打开 Hexo…
一.添加扫描二维码关注功能 打开 themes 目录下的 next 主题配置文件,找到 Wechat Subscriber 标签,将该标签下的配置改成如下形式: # Wechat Subscriber wechat_subscriber: enabled: true # 打开图片显示功能 qcode: /images/wechat-qcode.jpg # 需要显示的二维码图片 description: 扫描二维码关注微信公众号,了解更多 # 在图片的底部添加描述 配置完成后,切记将所需要扫描的二…
概念 Github Pages可以被认为是用户编写的.托管在github上的静态网页.使用Github Pages可以为你提供一个免费的服务器,免去了自己搭建服务器和写数据库的麻烦.此外还可以绑定自己的域名. Hexo是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页. Hexo渲染的博客页面简洁美观,支持Markdowm,用户可在本地编辑好文章,使用git工具push到github. 实操 以下是在Mac电脑上…
1.创建一个个人主页仓库 仓库命名最好为github账户名.github.io,这样可以通过https://github账户名.github.io访问 2.安装Hexo 此处采用局部安装: # npm install hexo 3.初始化Hexo 创建一个新的文件夹: # mkdir blog 初始化Hexo # npx hexo init blog/ 进入文件夹并安装Hexo相关组件 # cd blog/ # npm install 4.测试本地Hexo服务 在本地运行Hexo # npx h…
搭建好简洁的博客框架后,回看时发现,简洁之中透露着一丝丝简陋,好的,网上关于丰富hexo的文章也很多 记录一下自己的一些瞎操作. 在你的hexo目录下,你可以看到themes文件夹里有个默认的landscape主题,网上一般的建议是使用next主题 关于NexT的下载与使用见以下链接:http://theme-next.iissnan.com/ 记得,这个next主题文件夹也应该放在themes文件夹里面,就是这样 然后一般的修改配置无非就是hexo本身配置文件上和对应主题的配置文件上修改. 具…
昨天想着用Hexo和github搭一个自己简单的博客,记录一下自己踩过的坑,具体的流程就不重复了,主要参考了一下几篇文章 GitHub+Hexo 搭建个人网站详细教程 使用Hexo+Github一步步搭建属于自己的博客(基础)(这个博主有几篇相关的文章,可以继续参考,个人觉得挺好的) 自己踩的第一个坑.使用 hexo g 和 hexo d 后,前者正常,后者一下就跳过了,后来才发现原来是自己的 配置文件 _config.yml 里面的格式问题 这里配置时的 type ,repository.br…
在说如何下载和安装Django,本节将重点讨论如何使用Django站点. 一 新建project 命令:django-admin startproject mysite # 有的须要输入:django-admin.py startproject mysite 这是你会发如今当前文件夹下.生成了一个文件夹mysite.其结构为: mysite/     manage.py     mysite/         __init.py         settings.py         urls.…
一.页面实现 index.html base.html post.html header.html footer.html <!-- index.html--> {% extends 'base.html' %} <html lang="en"> <head> <meta charset="UTF-8"> <title>个人博客</title> </head> <body>…
<!doctype html> <html> <br/><br/><br/> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> 加多宝</title> <style type="text/css"> a { f…