用 Hugo 搭建博客 Hugo 是一个用 Go 编写的静态站点生成器,生成速度很快 下面是具体操作: 1.安装 Hugo Windows 用户 使用 Chocolatey 或者 Scoop 快速安装,取决于你使用什么包管理 choco install hugo -confirm scoop install hugo 也可以到 https://github.com/gohugoio/hugo/releases 下载对应的操作系统版本的 Hugo 二进制文件! 把 hugo.exe 所在目录添加到…

Django快速搭建博客系统 一.开发环境 Windows 7(64bit) python 3.6   https://www.python.org/ Django 2.0  https://www.djangoproject.com/ 二.创建项目 创建mysite项目和 blog应用: > django-admin startproject mysite # 创建mysite项目 > cd mysite # 切换到mysite目录 mysite> python manage.py s…

1. 准备工作 ~ 安装node.js -> npm -> hexo-cli ~ 安装git -> 版本控制工具 2. 更换npm(nodejs package manager)源 npm config set registry http://registry.npm.taobao.org/ 3. 安装hexo-cli npm install -g hexo-cli 4. 使用hexo搭建博客 hexo init blog -> 创建博客目录 cd blog -> 进入目录…

欢迎访问我的个人博客皮皮猪:http://www.zhsh666.xyz 今天教大家怎么用hexo快速搭建自己的博客.我不是专业人士,不懂前端知识,所以我十分讨厌那些专业术语,讲了一大堆,对于技术小白来说,就像听天书一样,云里雾里的.所以下面的内容都是我自己的理解,语言很通俗,有可能说的不那么专业,还望专业人士勿喷. 首先声明一点,刚开始搭建博客会比较麻烦,有很多东西大家可能以前没有听说过,不要怕,耐着性子一边看教程一边动手操作,你一定能够做出来的!好吧,废话不多说,现在开始! hexo hex…

作为一个萌新Gopher,经常逛网站能看到那种极简的博客,引入眼帘的不是花里胡哨的图片和样式,而是黑白搭配,简简单单的文章标题,这种风格很吸引我.正好看到煎鱼佬也在用这种风格的博客,于是卸载了我的wordpress开始抄袭,o(*￣︶￣*)o Hugo简介 Hugo是由Go语言实现的静态网站生成器.简单.易用.高效.易扩展.快速部署. 准备和环境 我直接在我的阿里云服务器上使用hugo了,环境如下: 操作系统:公共镜像CentOS 8.1 64位 Nginx版本:Nginx 1.16.1 域名:…

前言 最初在制作友链界面时,没有学习Hugo框架,一头雾水.网上有关的教程甚少,只能去学一遍Hugo. 在学习Hugo的过程中,了解了列表模板,分类模板.开发了几个功能页面,如:留言板,友链,记忆分类等. 本文介绍这些功能页面. 里程碑页面 首先需要了解头部参数type,通过type指定文章使用的模板类型,默认为page类型. 要注意特殊模板的文章放在一般content根目录下,模板放在layouts目录下. 里程碑界面依据themes\LoveIt\layouts\posts\single.h…

前言 这篇教程介绍了如何搭建这样效果的博客. 所需步骤 可以从这样的角度出发: 注册域名. 使用CDN加快网站访问速度. 网站内容需要部署在服务器或对象存储平台上. 重要的是放什么内容.博客需要选择框架,或自己开发. 框架确定后,选择主题,或自己开发. 配置主题. 发表第一篇Hello World! 在这个过程中,前期准备阶段包括:框架选择.主题选择.注册域名.备案和CDN配置. 博客框架 框架选择 Wordpress 缺点:不安全. 主题推荐:Sakura Hexo 缺点:渲染生成文章速度不如…

1. 写在前面 昨天花了1天的时间把自己的博客从以前的Express换成了Angular2+Express,遂记录于此.博客Demo在这里,你也可以点击这里查看完整代码. 第一次使用Angular2,还是遇到了不少问题,比如 ng-cli(1.0.0-rc.1)自动生成的项目直接跑起来报错: 采用前端路由,刷新页面出现404: 用webpack打包后端项目要注意什么: 使用Angular2时,如何为某个组件加script标签: ... 如果你也遇到了这些问题,或者你想了解一下Angular2开发…

如何做到一毛不拔的搭建网站 以下操作全程使用管理员权限,因为我不清楚哪里会出现 permission denied 1.下载 nodejs 对应 windows 用户,下载对应的 ".msi" 的文件安装就行 Linux 和 Mac 用户...此处省略 安装成功后可以查看版本 node -v npm -v 为方便国内使用,可以把 npm 换成 taobao 的 cnpm npm install -g cnpm --registry=https://registry.npm.taobao…

前言 本文介绍一些拓展功能,如文章页面功能增加二级菜单,相关文章推荐和赞赏.另外,使用脚本会大大简化写作后的上传流程. 文章页面功能 这部分功能的拓展主要是用前端的JS和CSS,如果对前端不了解,可以参考放在Github上的网站源码. 二级菜单 导航栏放都太多链接不分主次,不够简洁.尝试多种方案后,做出了现在的二级菜单. 使用bootstrap框架 引入了太多样式,界面被扰乱,不够友好. Select标签 样式单一,不能修改. Hover属性 多个二级菜单不能使用相同参数的绝对定位,拓展太麻烦.…

前言 博客部署完成后,恭喜你可以发表第一篇:Hello world!但是LoveIt这么好用的主题,不配置一番可惜了. 基本功能配置 主题配置最好参考已有的配置,比如LoveIt作者写的介绍,还有主题目录下的配置文件\themes\LoveIt\exampleSite\config.toml文件. 笔者认为一些配置项解释的不够清楚,所以将网站的源码放在了Github上,仅供参考. 下面介绍其中一些配置. 双语言配置 配置后需要每篇文章存在多个语言的文件,否则会报错. 例如:content\abo…

学习 ASP.NET MVC 也有一段时间了,打算弄个小程序练练手,做为学习过程中的记录和分享. 首先,得确定需求,木有需求的话,那还搞个毛线呀!嗯……大致思考了一下,终于得出如下需求: 1.能自定义分类 2.能发文章 OK!就这样,先从简单的开始(其实是复杂的不会做),后面有需要再添加(希望水平能达到).功能确定了,那么改确定要做成什么样子的了.先和度娘商量一下先…… 终于在我的淫威之下,度娘交出了一个比较简洁的,源网站在这里(表示感谢),被小弟阉割了之后效果如下图: 接下来就开始编码了么?嗯…

hexo jekyll https://hexo.io/zh-cn/ http://theme-next.iissnan.com/getting-started.html Hexo 是高效的静态站点生成框架,基于 Node.js. 在 Hexo 中有两份主要的配置文件,其名称都是 _config.yml. 其中,一份位于站点根目录下,主要包含 Hexo 本身的配置:另一份位于主题目录下,这份配置由主题作者提供,主要用于配置主题相关的选项. 只需一条指令即可部署到 GitHub Pages, 安装…

准备工作: 1.Python 2.Django 3.Git 安装Python: 官网下载 安装Django: #安装最新版本的Django $ pip install django #或者指定安装版本 pip install -v django==1.7.1 现在正式开始创建一个名为my_blog的Django项目: $ django-admin.py startproject my_blog 建立Django app(article): $ python manage.py startapp…

前言 完成前期的准备工作后,在部署阶段需要配置服务器或对象存储服务. 对象存储和服务器对比 对象存储平台 国内有阿里云OSS.腾讯COS.又拍云.七牛云等.国外有Github Pages.Netlify.Azure.Google等,其中Github Pages免费,但是有个说法:Github屏蔽百度爬虫,使用Github Pages的网站百度搜不到. 对象存储平台也可以做为Markdown图床,配合CDN,加快图片加载速度. 笔者的服务器是阿里家的,所以对象存储也用了阿里云OSS. 阿里云OSS…

关于其他搭建 [hexo4快速搭建博客(二)更换主题](https://blog.csdn.net/weixin_41800884/article/details/103750634)[hexo4快速搭建博客(三)美化 很全面 收集很多资料](https://blog.csdn.net/weixin_41800884/article/details/103750636)[hexo4快速搭建博客(四)写作技巧包含图床和自动变图床的插件](https://blog.csdn.net/weixin_4…

文章目录 其他搭建 1. 添加博客图标 2. 鼠标点击特效(二选一) 2.1 红心特效 2.2 爆炸烟花 3. 设置头像 4. 侧边栏社交小图标设置 5. 文章末尾的标签图标修改 6. 访问量统计 7. 添加站内搜索 8. 启动阅读更多按钮 9. 文章顶置(二选一,看看哪种简单) 9.1 方法一 9.2 方法二 10. 在文章底部增加版权信息 10.1 方式一 10.2 方式二(比较麻烦,但是好看) 11. 添加打赏 12. 文章加密访问 13. 启动代码复制按钮 14. 在Footer添加站点…

1,Hugo 简介 搭建个人博客有很多开源的博客框架,我们要介绍的框架叫作Hugo.Hugo 是一个基于Go 语言的框架,可以快速方便的创建自己的博客. Hugo 支持Markdown 语法,我们可以将自己的文章写成Markdown 的格式,放在我们用Hugo 创建的博客系统中,从而展示给他人. 2,Hugo 安装 在Windows 中安装 首先安装choco 包管理器,需要在管理员权限下运行cmd,执行如下命令,一般情况下,网络没有问题,即可安装成功: powershell -NoProfil…

目录 1. 本地搭建 1.1 安装Hugo 1.2 创建站点 1.3 新建页面和文章 1.4 使用主题 1.5 修改配置文件 1.6 预览 2. 部署 之前担心过现有博客平台(如博客园,CSDN)突然倒闭了,博文特别是插图来不及备份:也考虑过自建博客可以更随意,因此有了自建博客的打算.花了两天时间,走了一些弯路,有一些经验总结: 做事情一定要搞清楚需求,掂量自己的实力.原本我只是想做一个备份,那么本地写好markdown,存好插图,再同步到博客园就行了,没有必要费力建博客搭网站.虽然Hexo和H…

折腾了几天博客的框架终于搭建起来了.研究了一番之后,最终还是选择使用Hugo和GitHub来搭建博客.本文介绍了如何使用Hugo来搭建静态博客网站,并将其部署在GitHub上.使用https://<USERNAME>.github.io或者自定义的域名访问博客. Hugo的安装和使用[1] Hugo的安装 初步使用Hugo的话,只需要跟随官网的文档过一遍Quick Start就可以了解基本的安装.使用方法了.这里根据我自己的经历也进行简单的说明. 在Mac系统,通过包管理工具Homebrew可…

前言:博主目前大三,Web 前端爱好者.写博客的好处,不是为了写而写,而是一个记录思想的过程.不要考虑它能带给你什么,而是你自己从中收获了什么. 最近刚好有空,于是就参照网上的各种教程,搭建了一个博客.现在把 Hexo + GitHub Pages 搭建博客的完整过程记录下来: 个人博客地址:http://www.lovebxm.com 大概流程: 1. 搭建 Node.js 环境 2. 搭建 Git 环境 3. GitHub 注册和配置 4. 安装配置 Hexo 5. 关联 Hexo 与 Gi…

前言: 我想分享flask+flask-admin快速打造博客的详细教程,可是发现网易课堂已经有相应的免费课堂了,所以就不打算一点一滴的在这里做笔记,分享这些东西了.所以我主要集中在flask-admin使用上的分享.如果有需要flask可以去参考一下网易的[flask课程][1],其实想弄一个视频教程,可是没有足够好的设备,而且录制视频更像是在表演,感觉一下子适应不过来.可我还是录了一套视频效果不是很好,稍后想分享给大家.  1,准备知识Flask-admin是基于flask框架的,所以你必须…

2017/8/31 18:27:59 为了以后参考的方便,在这里总结一下django搭建博客网站的主要步骤.以下大部分的内容,参考自Django中文文档 - 看云. 需要强调的是,这里使用的django版本是1.8.这是因为,不同版本之间的django之间存在一定的差异. 1.安装django 在命令行中使用如下命令安装django pip install django==1.8 安装结束后,在命令行中输入python,进入python命令行.然后尝试导入django >>> impor…

前言 搭建个人博客一般有两种选择,一个是使用WordPress,但是需要将博客搭建在服务器上,不过搭建好后写文章方便,适合没有程序基础的人使用.另一个是使用Hexo,相对简洁高效,不需要服务器,既可以部署在本地,也可以将博客部署到GitHub Pages上,支持Markdown语法,缺点是需要有Git基础,写文章比WordPress麻烦点. 初次使用Hexo来搭建个人博客,确实比较手忙脚乱,这里记录一下流程,希望对大家能有所帮助. (注:本文是只针对Windows平台的搭建教程) 可以点击这里查…

写在前面的话:本系列文章主要参考 Hexo官方说明文档,同时结合自己在使用过程中的一些心得体会,撷取下来,和大家分享分享.好,下面闲话不多说,马上开始我们的 Hexo 之旅吧 温馨提醒:博主使用的操作系统是 Win10,其他操作系统可能会略有不同 一.Hexo 简介 Hexo 是什么呢?也许引用官方文档中的说明是再好不过了: Hexo 是一个快速.简洁且高效的 博客框架.它使用 Markdown(或其他渲染引擎)解析文章,在数秒内,即可使用靓丽的主题生成静态网页 二.Hexo 安装 1.安装 G…

快速.简洁且高效的博客框架 有位大神说,喜欢写博客的人的人,折腾博客会经历三个阶段.找到一个免费空间,搭建一个博客,很欣喜,很有成就感,此为一阶段:受限免费空间各种限制,自己买空间和域名,实现对博客的完全控制,此为二阶段:管理网站太累,只想安安静静码文字,管理网站这种琐事,交给专业的人士去打理吧,此为博客人生的最高阶段. 对于我这种完美控的人,既入了坑,自然是要直达最高阶段了.所以,现在我主机在手,域名也有,网站基本框架建好,一下子实现了少操心,多码字的幸福生活.不过,总觉得过程如白驹过隙,太短…

利用最新版本的 hexo+next 重构了个人博客,下面简单记录了搭建博客的完整过程: 一.环境准备 1.安装 Node.js 2.安装 Git 3.注册 Github 账号 二.在GitHub上创建Github Pages项目 创建新仓库 创建一个名称为 yourusername.github.io 的新仓库 这边的yourusername填写自己的用户名 Github会识别并自动将该仓库设为 Github Pages 设置github用户和邮箱 $ git config --global u…

搭建自己的个人博客. 准备工作 确保电脑需要已下载安装node和npm.查看安装是否成功,windows只需在命令行输入以下两条命令即可. 1 2 $ node -v $ npm -v 安装hexo 安装hexo 1 $ npm install -g hexo 检测hexo版本来确保hexo是否成功安装 1 $ hexo v 注:可能报错,可以试试执行 1 npm install hexo --no-optional 进入本地工程目录,初始化hexo 1 2 $ cd blog $ hexo i…

前言 前面一篇文章介绍了Travis自动部署Hexo的常规使用教程,也是个人比较推荐的方法. 前文最后也提到了在Windows系统中可能会有一些小问题,为了在Windows系统中也可以实现使用Travis自动部署Hexo,本文介绍另外一种方式来实现. 是通过GitHub API来实现的,用到了Linux中的sed命令. 新建Access Token Personal Access Token是用于操作repo的口令. 点击用户图像,然后点击Settings(设置)选项. 进入设置面板后,点击左侧…

前言 前面两篇文章介绍了在github上使用hexo搭建博客的基本环境和hexo相关参数设置等. 基于目前,博客基本上是可以完美运行了. 但是,有一点是不太好,就是源码同步问题,如果在不同的电脑上写文章会非常不方便. 是因为hexo使用的部署命令是把生成好的静态文件上传到仓库中的,所以,在其他电脑上同步下来的只是静态文件而已,不是源码. 到这里就会想到能不能这样:将源码同步到远程仓库后,可以实现自动生成部署呢? 答案是肯定的,可以通过Travis CI来实现. 那么,本文就介绍一下Travis…