用Github搭建个人博客 由 Ghostzhang 发表于 2014-09-04 22:30 上个月26号下午开始，原先博客的服务器宕机了，虽然一直觉得过段时间就会好的，不过一连3天都没恢复，开始有点忍不住了...下面就总结下我使用的方法，希望能帮到有用github搭建个人博客的同学。...于是，我们可以用同样的方法建立导航、头部之类的公用代码，然后放到_includes目录中，在需要的位置引用。...除了Markdown之外，还可以用Textile语法来写，我原先使用的博客系统Textpattern就是使用这种语法。...写的分布式版本管理系统，用与管理Linux的开发。
✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 关于作者: 历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。...一、网站题目 个人博客网站、个人主页介绍、个人简介、个人博客设计制作 、等网站的设计与制作。...二、✍️网站描述 ️ 大学生个人HTML网页设计作品，采用DIV CSS布局制作，页面主体内容区域宽度为1200PX。网页整体使用CSS设置了网页背景图片。...一套优质的网页设计应该包含 (具体可根据个人要求而定) 页面分为页头、菜单导航栏（最好可下拉）、中间内容板块、页脚四大部分。 所有页面相互超链接，可到三级页面，有5-10个页面组成。...其中： （1）html文件包含：其中index.html是首页、其他html为二级页面； （2） css文件包含：css全部页面样式,文字滚动, 图片放大等； （3） js文件包含：js实现动态轮播特效
安装 Hugo环境有 go 可以直接安装go install github.com/gohugoio/hugo@latestmac 可以用 brew 安装brew install hugoubuntu...用 apt 安装，但是版本不是最新的sudo apt install hugo或者直接下载编译好的可执行文件：https://github.com/gohugoio/hugo/releases安装好后可以查看版本...https://github.com/LukasJoswiak/etch.git themes/etchecho "theme = 'etch'" >> hugo.toml添加内容如果单纯新增内容，可以用...文件夹新建文章hugo new content posts/my-first-post.md然后打开编辑器撰写文章即可由于我有之前的文章，需要在已有文章加上 hugo 的 header+++title = '用...Hugo 快速搭建个人博客'date = 2024-01-25T10:58:18+08:00draft = false+++并且每次新建文章时指定目录hugo new content -c ${source
以前写过在Github创建个人专属名片, 有人提问在GitHub建立网站是怎么一回事?...写一篇文章 hexo new "在Github创建个人专属名片" ?...在sublime打开新建的~/zhaoolee-blog/source/_posts/在Github创建个人专属名片.md, 并加入内容 ?...deploy下的三个字段type, repo, branch(如果没有这几个字段, 自行添加即可) # Deployment ## Docs: https://hexo.io/docs/deployment.html...上面只是最简单的玩法, 如果你对静态博客搭建非常感兴趣, 可以参考以下一些资料: 关于HEXO搭建个人博客的点点滴滴 HEXO中文文档 NexT官方文档 快速使用 Hexo 搭建个人博客视频教程 小结:
1.为什么要写博客？在什么平台上写博客？ 最近我想把自己学过的一些知识复习整理一下，于是我就想到了通过写博客来记录的这种方式。...此次教程总共分为以下5个简单的步骤： Node.js的安装 Git的安装 Hexo的安装 初次用Hexo配置博客 与Github相连接 在搭建之前，我们需要做一些准备工作： Node.js安装包，官网上面很容易就能找到...5.初次用Hexo配置博客 在适当的位置新建一个文件夹，这个文件夹就是你的博客文件，包含其他的一些配置文件。...然后，找到我们在第五步中新建立的文件夹，我的文件夹是G:\Blog，点击用记事本打开里面的_config.yml文件，拉到最后面，添加如下内容： 然后在Blog文件夹上点鼠标右键，选择Git Bash...然后再次用hexo d命令部署 最后，在浏览器输入地址：https://你的Github中的username.github.io 例如我的就是：https://roserduan.github.io 进去之后我们可以看到我们刚才编辑的博客内容
html5标准网页声明，原先的是一串很长的字符串，现在是这个简洁形式，支持html5标准的主流浏览器都认识这个声明。表示网页采用html5 2. 开始标签 结束标签 3....规定 HTML 文档的字符编码 meta标签,是HTML语言head区的一个辅助性标签 编码格式 告诉给浏览器用什么方式来都这页代码 字符编码？...7.html空格代码 在编写HTML代码的时候，如果您想输入空格，按键盘上的空格键，无论按下多少次，用浏览器显示的时候都会显示一个空格，如果您想输入多个空格，可以在HTML代码中输入 一个代表一个空格...这是一个标题 这是一个标题 2 html链接 html链接是通过标签来定义的。...href属性的值可以是任何有效文档的相对或绝对URL 3 html图像 html图像是通过标签来定义的。 HTML中src是source的缩写，这里是源文件的意思。
现在很多人都想制作一个个人博客，前端html静态页面，免费的很多，但是拿到一个静态页面，自己并不知道怎么用。你可以选择下载免费的博客程序源码，或者cms。...这些都是开源免费的程序，用它们来做一个个人博客网站，是可以的。 很多新手站长不知道该如何选择合适的博客程序源码来搭建自己的个人独立博客，主要原因还是不太了解这些博客程序的特点。...Emlog的基本功能比较简单，对于做一个简单的博客来说足够。不够完美的地方在于，Emlog不能html静态化，支持的是伪静态。 3、WordPress。...我记得dede和帝国cms还在用table的时候，phpcms开发模板用的是div+css，界面好看布局又合理。就扩展性来说，不是很好，v9之后，就不再更新了。 6、帝国cms。...之前我写过一篇文章，《个人博客，我为什么要用帝国cms？》，也是在使用了以上这些博客程序源码后写的一个总结，兜兜转转，最后还是使用了帝国cms，作为我的博客程序。
简介 Java ssm开发的个人博客系统，可以发布博客，照片，站长留言。 演示视频 https://www.bilibili.com/video/BV1sf4y1y7Ne/?...share_source=copy_web&vd_source=ed0f04fbb713154db5cc611225d92156 技术 mysql,SSM,css,js,jq 功能 简单版(个人)： 网站功能...：登录，上传照片，发布博客，首页，博客详情,注册，照片管理，博客管理，给站长留言，查看留言,分页，编辑博客，删除博客，删除照片，分页展示博客和照片，分页展示站长留言，修改登录密码。...增强版 角色 管理员+注册用户 添加功能：博文浏览量，博文评论，用户可以删除自己的评论，博主可以管理该博文以下的所有评论，搜索博文，博客首页展示用户头像，昵称，上传头像，修改基本信息，相册显示用户头像昵称
因为GitHub在国内太慢的原因，所以打算用gitee或者coding的，但是发现现在国内的代码托管商新建仓库都不支持自定义域名了，所以只能用回GitHub Pages来托管了。...修改配置文件_config.yml 打开本地博客根目录下的_config.yml文件，这是博客的配置文件，在这里你可以修改与博客相关的各种信息。...设置hexo主题 这里博主用的是huno主题，主题很简约，且响应式设计做的不错。 附地址，按里面操作即可。...参考 超详细Hexo+Github博客搭建小白教程 GitHub+Hexo 搭建个人网站详细教程 Hexo + GitHub (Coding) Pages 搭建博客 版权所有：可定博客 © WNAG.COM.CN...本文标题：《用GitHub Pages和Hexo搭建个人博客小站》 本文链接：https://wnag.com.cn/951.html 特别声明：除特别标注，本站文章均为原创，本站文章原则上禁止转载
免费且实用的WEB前端学习指南： 【web前端零基础到高级学习视频教程 120G干货分享】 关于作者: 历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星... @TOC 一、网站题目 个人网页设计、♂️个人简历制作、简单静态HTML个人网页作品、个人介绍网站模板 、等网站的设计与制作。... 二、✍️网站描述 ⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构..." media="all" type="text/css" /> 博客 网站首页 个人简介 我的爱好
0x001 效果演示 0x002 简单介绍 前前后后大概花了一周多的时间，目前个人博客已经完善的差不多了，现在写个文章做个阶段总结，后续如果有更新的地方，会及时补充。...在此开源博客的基础上做了改进，修复了一些bug，顺利搭建完成了我的个人博客。大家对此主题有兴趣的可以下载源代码，搭建属于自己的个性化博客。...个人博客 演示：http://luckyzmj.cn 0x003 Hexo 初级搭建 1. 安装Git Git是目前世界上最先进的分布式版本控制系统，可以有效、高速的处理从很小到非常大的项目版本管理。...hexo generate，生成静态文章，可以用 hexo g缩写 ，hexo deploy部署文章，可以用hexo d缩写 注意deploy时可能要你输入username和password。...当文章没有设置特色图时，本主题会根据文章标题的 hashcode 值取余，来选择展示对应的特色图 我认为个人博客应该都有自己的风格和特色。
背景 很多人都希望能有自己的博客，但是搭建一个博客需要大量的人力物力，比如说，需要一台一天24小时运行的服务器，需要购买一个域名，备案，自己需要运维服务器，需要繁重的开发工作，从前端到后端事无巨细。...方案设计 可以采用腾讯云函数实现，通过Hexo和腾讯云函数能快速构建自己的个人博客。...serverless 安装Hexo $ npm install -g hexo-cli 初始化项目 $ hexo init hexo # 生成hexo目录 $ cd hexo $ npm install 生成博客页面...region: ap-guangzhou website: https://xxx.ap-guangzhou.myqcloud.com 25s › hexodemo › Success 修改博客内容即可
——快速搭建属于自己的个人博客思路如下： 1.拥有一台虚拟主机或者云服务器，拥有自己的域名 2.将域名解析到虚拟主机或云服务器 3.上传下载的wordpress的源码并进行相关配置 4.上传博客主题 简单的四步...，你便拥有了属于自己的个人博客~ 虚拟主机+WordPress搭建 如果没有其他需求的话，虚拟主机无疑是最好的选择，成本低而且便于操作， 下面我以 虚拟主机+wordpress 来进行演示： 虚拟主机...大陆外的主机 更新于2023年2月1日：我重新搭建了个人博客，原因是原白嫖的美国主机不稳定，故更换为香港，页面加载速度也极大提升了， 忠心劝告：第一次就把机子搞好点，否则迁移博客很麻烦，流泪提示 ！！！...（我把它放到最下面了，因为我的各种设置有点多，都是在网上搜集到的，以及自己探索出来的[doge]） 那么，恭喜你，快速搭建了个人博客，开启你的学习探索之旅吧~ 有什么问题，直接放在评论区，我会第一时间看到并作出回复...,汐语の小栈,汐语的小栈,汐语的小站","argon_seo_keywords":"汐语,Blog,个人博客,汐语の小栈,汐语的小栈,汐语的小站","argon_article_meta":"time|
免费且实用的WEB前端学习指南： 【web前端零基础到高级学习视频教程 120G干货分享】 关于作者: 历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星... @TOC 一、网站题目 个人博客网站、个人主页介绍、个人简介、个人博客设计制作 、等网站的设计与制作。... 二、✍️网站描述 ️ 大学生个人HTML网页设计作品，采用DIV CSS布局制作，页面主体内容区域宽度为1200PX。网页整体使用CSS设置了网页背景图片。...一套优质的网页设计应该包含 (具体可根据个人要求而定) 页面分为页头、菜单导航栏（最好可下拉）、中间内容板块、页脚四大部分。 所有页面相互超链接，可到三级页面，有5-10个页面组成。...DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
个人博客搭建 作者：张首富 时间：2020-10-09 w x：y18163201 邮箱：zsf18163201@163.com 博客地址： blog.zhangshoufu.com [TOC] blog...通过BlogHelper 自动发布到网站 下载下来配置好自己要发布的网站之后进行发布，我们这里使用的是博客园， 美化博客园 使用BNDong 来美化博客园达到我们上面的效果，项目地址: https:/...然后到项目里面创建两个文件， index.html CNAME www.zhangshoufu.com //自定义的域名 然后到setting 里面配置可以通过web访问 setting ---> GitHub
博客的开始 其实，一切都是为了更好的装逼。好吧，我着相了。 最开始想做一个自己博客，主要是因为看到了很多人都有，觉得自己没有太 Low 了。...于是申请了 CSDN 的用户，但是太丑了，于是又申请了博客园，感觉这些都不是我想要的，而做为一个 Emacser 不使用 Github 搭建一个自己的博客，感觉就已经落伍了。...记住常用的命令 hexo new markdown_file 新建文章 hexo new page html_file 新建页面 hexo generate 生成静态页面到 public 目录 hexo...博客的生活 我很喜欢调试自己的博客，但是写博客就不是那么喜欢了，但是我希望能养成一个定期写博客的习惯。...虽然对于 hexo 而言少了许多好看的主题，但是对于 Org mode 的默认支持让我有了决心一用的冲动。
command +k 下划线：command +u 加粗：command +b 搜索：command +f 可参考文章：https://www.cnblogs.com/hongdada/p/9776547.html...通过BlogHelper 自动发布到网站 下载下来配置好自己要发布的网站之后进行发布，我们这里使用的是博客园， 美化博客园 使用BNDong 来美化博客园达到我们上面的效果，项目地址: https:/...[image-20201009212620089] 然后到项目里面创建两个文件， index.html CNAME www.zhangshoufu.com //自定义的域名 然后到setting 里面配置可以通过web访问 setting ---> GitHub
免费且实用的WEB前端学习指南： 【web前端零基础到高级学习视频教程 120G干货分享】 关于作者: 历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星...一、网站题目 个人网页设计、♂️个人简历制作、简单静态HTML个人网页作品、个人介绍网站模板 、等网站的设计与制作。... 二、✍️网站描述 ⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构...其中： （1）html文件包含：其中index.html是首页、其他html为二级页面； （2） css文件包含：css全部页面样式,文字滚动, 图片放大等； （3） js文件包含：js实现动态轮播特效...2014年8月，个人微博单条评论创吉尼斯世界纪录，成为中文社交媒体上的首位吉尼斯世界纪录获得者。10月，申请与SM公司合同无效，于2016 ...
https://blog.csdn.net/hotqin888/article/details/70185538 用网上的模板，做的web ppt比较适合那些基于网页的演示，不用切换，只是切换浏览器的标签页...，用ctrl+tab就可以切换了，很酷。...DOCTYPE html> --> ? ?
在线预览 由于服务器网速原因，加载时间较久 相关文档 多个请求下 loading 的展示与关闭 Vue 实现前进刷新，后退不刷新的效果 Vue 页面权限控制和登陆验证 用 node 搭建个人博客（一）：...代码热更新 用 node 搭建个人博客（二）：导出模块同时兼容 import 和 require 用 node 搭建个人博客（三）：token 用 node 搭建个人博客（四）：评论功能 用 node...搭建个人博客（五）：数据库 阿里云服务器部署个人网站 性能优化--开启 gzip 压缩 前端页面 首页(index)包含内容及标签子页面 编辑(editor) 登陆(login) 管理(manage...iview axios 后端 node express jsonwebtoken 数据库 mongodb 测试 mocha 使用 注意 登陆入口在页面脚部的 Copyright ©2019 woai3c 博客内容...db.user.insert({ user: 'admin', // 用户名 随意填写 password: 'admin', // 密码 随意填写 visits: 0, // 博客访问次数
领取专属 10元无门槛券
手把手带您无忧上云
