React初步学习-利用React构建个人博客 用React和Webpack写了一个很简单的个人博客,主要是想要熟悉一下react中各种基本基本属性及方法的使用.在构建过程中碰到不少问题,通过阅读官方API,对react的生命周期和状态提升都有了更好的了解. 构建工具webpack css编译使用css-loader 博客源码 git@github.com:sunrun93/react-blog-app.git 将源码下载到本地,通过npm i安装依赖,使用npm start运行项目 依赖安装完…

我是一个爱写博客进行总结分享的人.然而,有着热爱写博客并且深知写博客好处的我,却没有好好的把这个习惯坚持下来.如今毕业已经一年多了吧,每一次与师弟师妹们聊天,我总会意味深长的建议他们,一定要定期梳理总结自身所学的知识,而写博客就是其中的一个很不错的方式……OK,感慨的话,就不多说了,下面我们开始慢慢的进入我们的主题-“利用Hexo搭建个人博客”吧. 1 前言 喜欢写博客的人都会经历这么三个阶段. 1> 第一阶段,刚接触Blog,觉得很新鲜,试着选择一个免费空间来写. 还记得那些年我还是个大二小鲜…

通过 <利用Hexo搭建个人博客-环境搭建篇> 以及 <利用Hexo搭建个人博客-博客初始化篇>,我们了解到了利用Hexo搭建个人博客需要的环境以及配置,下面这篇文章将会介绍如何把我们的博文发布到github上. 1 GitHub 配置 在<利用Hexo搭建个人博客-环境搭建篇> 一文中,我们对Github有了一个基本的了解,并且已经在本地搭建好了git的基本环境.如果想要发布博文到github上,我们还需要到github上去进行用户的注册. 1.1 注册GitHub…

上一篇博文 <利用Hexo搭建个人博客-环境搭建篇> 中,我们讲解了利用Hexo搭建个人博客应该要配置哪些环境.相信大家已经迫不及待的想要知道接下来应该要怎么把自己的博客搭起来了,下面,让我们一起见证这奇迹的时刻. 1 初始化博客 首先,我们需要按照下面的步骤进行博客的初始化: 1> 创建一个hexo-blog文件夹,当然你也可以命名为其他名字,这里以hexo-blog为例 $ mkdir hexo-blog 2> 执行以下命令,Hexo将会在目标文件夹下建立博客需要的所有文件 $…

上一篇通过yml文件构建 ghost博客,这次通过构建nginx服务,并添加反向代理来运行搭建的ghost博客. 目录结构 ghost.conf 就是 定义的nginx 加载的配置文件 server { listen ; server_name 47.92.140.59; location / { #反向代理到 2368端口,就是ghost博客端口 proxy_pass http://47.92.140.59:2368; } } 编辑yml文件 nginx: #鏡像源 image: nginx…

通过命令构建ghost博客 docker run -d --name ghost -p : -v $PWD/data:/var/lib/ghost ghost 当然也可以编写yml文件,通过docker-compose命令来构建 创建yml文件并编辑 mkdir ~/ghost touch docker-compose.yml vim docker-compose.yml 编辑内容 #定義一個服務 ghost: #鏡像源 image: ghost #端口分配 ports: - "2368:236…

jekyll简介 jekyll是一种可以将Markdown或Textile格式文本文件转换成静态网页的工具.利用jekyll编写发布博客的基本过程为: 使用任何一款编辑器编写符合Markdown或Textile格式的文本文件: 使用jekyll文本文件编译为静态网页文件,包括html.css文件等: 将静态网页发布到你的服务器. 这种方法的优势在于你不再需要一个复杂的博客管理系统,也不再需要安装数据库,对于小型博客和低配服务器来讲再适合不过了.另外,Github支持你用jekyll编写的博客,可…

WordPress是使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站.也可以把 WordPress当作一个内容管理系统(CMS)来使用. WordPress是一款个人博客系统,并逐步演化成一款内容管理系统软件,它是使用PHP语言和MySQL数据库开发的.用户可以在支持 PHP 和 MySQL数据库的服务器上使用自己的博客. WordPress有许多第三方开发的免费模板,安装方式简单易用.不过要做一个自己的模板,则需要你有一定的专业知识.比如你至少要…

说明 React作为Facebook 内部开发 Instagram 的项目中,是一个用来构建用户界面的优秀 JS 库,于 2013 年 5 月开源.作为前端的三大框架之一,React的应用可以说是非常的广泛.这里讲一个react服务端渲染的框架-next.js踩坑过程. 技术栈 react.next.js.ant design.axios 大纲 按照以下思路来写: react基本语法 react基本语法参照react文档,这里发放一个链接https://doc.react-china.org/.…

一般的教程网上有很多,主要讲下我遇到的问题以及解决方法: 一.hexo建立的文档无法上传github deploy: type: git repository: https://github.com/pcd12321/pcd12321.github.io.git branch: master 上面是我成功的代码,一般的教程里会让你type: github会发生错误,解决方法为:来源为:http://blog.163.com/gis_warrior/blog/static/193617173201…