`
wiselyman
  • 浏览: 2093977 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
博客专栏
Group-logo
点睛Spring4.1
浏览量:82327
74ae1471-94c5-3ae2-b227-779326b57435
点睛Spring MVC4...
浏览量:130804
社区版块
存档分类
最新评论

利用Github pages建站

 
阅读更多

前面我写了一篇《利用Github pages建站-超简单小白专属 》

随着hexo版本的升级,我在这篇博文里对内容进行更新

 

GitHub准备

  • 注册github账号,并新建一个用户名+github.io的repository

下载安装nodejs

安装hexo

npm install hexo-cli -g #安装
hexo init blog #初始化项目
cd blog
npm install #安装依赖
hexo server #本地查看效果,访问地址为http://localhost:4000

更换主题

  • 安装配置freemind主题
  • 在blog目录下
  • git clone https://github.com/wzpan/hexo-theme-freemind.git themes/freemind
  • npm install hexo-tag-bootstrap --save
  • 添加blog目录下添加的source目录下分别添加categories,tags,about,并分别新建index.html

    内容分别如下:

title: Categories
layout: categories
---
title: Tags
layout: tags
---
title: About
layout: page
---

Something about me. ;-)
  • 配置freemind

blog\themes\freemind目录下有个_config.yml请按照需要修改

配置hexo

  • blog根目录下也有个_config.yml,按照自己需求修改
  • 其中主题修改theme: freemind

发布到github

  • 先安装git部署插件
npm install hexo-deployer-git --save
  • 修改根目录下_config.yml
deploy:
  type: git
  repository: https://github.com/wiselyman/wiselyman.github.io.git
  branch: master
  • 发布
hexo clean  
hexo generate  
hexo deploy #输入帐号密码
   

 

 

效果:

 



 

  • 大小: 176.3 KB
0
0
分享到:
评论

相关推荐

    columbia-yang-he.github.io:我的博客,分享技术和一些好东西

    对于学习HTML或者想要了解GitHub Pages建站的人来说,这个博客及其源代码将是一个宝贵的资源。通过阅读和研究,读者不仅可以学习到HTML的实际应用,还能了解到如何利用GitHub Pages搭建个人网站,提升自己的技术能力...

    bietiaop-hexo.github.io:没有

    ...在"bietiaop-hexo.github.io"这个项目中,虽然标题和描述没有提供具体信息,但我们可以推测...从压缩包中的文件名来看,我们可以深入了解HTML和CSS的基础知识,以及如何利用GitHub Pages和Hexo来创建和管理个人网站。

    mikko.github.io

    【标题】"mikko.github.io" 是一个个人或组织在GitHub上托管的网页项目,通常用于展示个人...通过深入研究这个项目的源代码,我们可以学习到HTML布局技巧、前端开发最佳实践以及如何利用GitHub Pages创建个人在线存在。

    skyhuborg.github.io

    "skyhuborg.github.io" 是一个GitHub Pages项目,它是一个基于HTML的个人或组织网站。GitHub Pages是GitHub提供的一项服务,允许...同时,GitHub Pages也支持Jekyll、Hexo等静态站点生成器,可以进一步提升建站效率。

    vvkorz.github.io

    作者Vladimir Korzinov利用GitHub Pages这个免费的服务将源代码托管并发布为在线网站,向公众展示他的作品。对于想要学习HTML建站、了解个人网站开发流程,或者对Vladimir Korzinov的工作感兴趣的人来说,这是一个很...

    geosir.github.io:Geosir的页面

    " 这个描述揭示了网站的创建者乔治(可能是Geosir的化名)选择了一个从零开始的建站方法,这通常意味着他可能使用了基础的HTML、CSS和JavaScript等前端技术来构建网站。这里的"<3"是一种网络用语,代表爱心,暗示...

    metalknightsFTC.github.io

    基于以上信息,我们可以推测MetalknightsFTC.github.io是一个基于Jekyll的静态网站,利用GitHub Pages免费托管。Jekyll是一种静态站点生成器,它将文本格式(如Markdown或Textile)的文件转换为静态HTML和CSS,减少...

    ayankgp.github.io:使用jemdoc建立的个人网页,jemdoc是一种基于文本的轻量级标记语言

    而“jemdoc”则是这个站点使用的建站工具,它是一种轻量级的标记语言,允许用户用简单的文本格式来创建结构化的HTML文档。 jemdoc是一种简洁、易于学习的工具,适合程序员或技术作者使用,因为它不需要复杂的模板...

    ASP网站CMS程序源码——WapEQ WAP建站系统实例开发.rar

    WapEQ WAP建站系统利用ASP的优势,实现了对移动设备友好的内容处理和页面生成。 2. **WAP建站**:WAP是一种使非智能移动设备能通过无线网络访问互联网的技术。WAP建站系统需要考虑到移动设备的屏幕尺寸、网络带宽...

    vuan1701.github.io:个人笔记+ demo

    通过研究这个压缩包的内容,我们可以学习到个人网站的构建过程,包括页面布局、样式设计、交互实现,以及如何利用GitHub进行版本管理和发布。同时,对于初学者,这也将是一个很好的参考资源,了解如何将学习成果以...

    cbdyzj.github.io:jianzhao.org

    "jianzhao.org" 可能是这个站点的域名,意味着它主要发布关于建站或者网页开发的内容。描述中的“微小的工作”和“做一些微小的复读工作”可能是指作者通过这个平台分享一些小而实用的技术技巧或重复性的编程知识。 ...

    手把手教你搭建免费个人博客

    - [《利用github-pages建立个人博客》](https://link.example.com/article2) - [《如何搭建一个独立博客——简明GitHubPages与jekyll教程》](https://link.example.com/article3) #### 六、总结 通过本文的介绍...

    anchitab.github.io:个人网站

    - `README.md`:介绍项目的文件,可能包含建站过程、技术栈和使用说明。 个人网站的建设不仅可以展示个人技能,也是持续学习和实践Web开发技术的过程。通过CSS的深入理解和运用,AnchitaB能够打造出一个既美观又...

    WangTsing-Yan.github.io

    建站参考可能意味着这个项目包含了创建个人网站的过程和步骤,或者是基于某个模板或框架进行的。在GitHub上,这样的项目通常会包含HTML、CSS、JavaScript等前端技术的源代码,可能还有图片、字体和其他资源文件。...

    Node.js-JekyllNow让你在几分钟内构建Jekyll博客而不用接触命令行

    ### 使用JekyllNow快速建站 JekyllNow的核心在于其简化了Jekyll的初始设置。用户只需在GitHub上Fork JekyllNow项目,然后编辑几个配置文件,添加个人的博客文章,最后将仓库设置为GitHub Pages的源,即可在线发布...

    jjuhey.github.io:开发人员的技术博客

    "轻松托管在GitHub Pages上" 意味着博主利用 GitHub 的免费服务来发布和更新内容,无需自建服务器,减少了运维成本。"几乎没有依赖性" 暗示该主题对外部库和插件的依赖较少,可能有利于加载速度和网站性能。 **标签...

    免费做网站的东西

    5. **托管与发布**:免费的网站托管服务,如000webhost、GitHub Pages等,能帮助你上线网站。记得选择稳定、速度快的平台。 6. **优化与维护**:发布后,持续优化网站性能,确保其在不同设备上都能良好运行,并定期...

    willwilkinson.github.io:一个基于Jekyll的博客,其中包含Will Wilkinson的所有旧内容

    "这是Will Wilkinson的Jekyll博客" 确认了博客的所有者身份以及所使用的建站技术。"它继承了willwilkinson.wordpress.com的所有(/ most?)旧博客帖子" 指出Will Wilkinson之前的博客可能是在WordPress平台上,现在...

    geek41.github.io:我的静态网站没有hexo,emacs(组织模式)

    标题 "geek41.github....这种方式结合了emacs的强大功能和GitHub Pages的便利性,为开发者提供了一种高效且个性化的建站解决方案。通过深入学习HTML和Org Mode,开发者可以创建出符合自己需求的、富有个性的静态网站。

    Jekyll静态网站后台引擎使用教程

    **Jekyll静态网站后台引擎** 是一款用于构建静态网站的开源工具,特别适合用来搭建个人博客。...虽然初学者可能需要学习一些基础知识,但一旦熟悉了Jekyll的工作方式,你会发现它是一种非常灵活和高效的建站工具。

Global site tag (gtag.js) - Google Analytics