당신은 멋쟁이, 우리는 장고쟁이~

0%

작성일 In Disqus:

블로그 방문자 및 조회수 표시


블로그를 운영하다보면,


내 블로그에 몇명이나 방문 했는지, 포스트의 조회수는 어떤지 궁금해 질때가 있을겁니다.


블로그 방문자 및 조회수를 알면, 내가 쓴글에 대한 피드백도 받을수 있고, 더 중요한 토픽을 알게되어서.

블로그의 퀄리티의 발전에 큰 도움이 될것이라 생각합니다.


따라서, 블로그 방문자 및 조회수를 세는것을 NeXT 테마에 적용 해보도록 하겠습니다.

더 읽어보기 »

작성일 In Disqus:

Read More 버튼 추가하기

포스트가 너무 길어지면, 블로그에 접속했을때.

너무 많은 양이 보여지는것 같아서 불편 했었는데.


특정 영역까지만 포스트를 보여주고, Read More 혹은 더 읽어보기버튼을 눌르면 전체 포스트 내용이 나오게 하여서.


조금 더, 깔끔하게 포스트들이 나오게 하겠습니다.

더 읽어보기 »

작성일 In Disqus:

Disqus 세팅하기



Disqus란?


Disqus는 네트워크 커뮤니티 플랫폼으로. 댓글 시스템을 지원합니다. (추가로 여러 기능들을 제공하기도 합니다. 예를들면, social network 연동, 뛰어난 admin 등).


Hexo 블로그에 Disqus를 연동하면, 블로그 내에서 댓글 시스템을 사용할수 있겟죠? ㅎㅎ

더 읽어보기 »

작성일 Edited on In Disqus:

카테고리와 태그 설정 테스트 페이지.

Custom Page Support

Next allows users to add custom pages in menu.

In your terminal emulator, change to Hexo site dir. Use hexo new page custom_name to create a new custom_name page:

$ cd your-hexo-site
$ hexo new page custom_name

Front-matter is a block of YAML or JSON at the beginning of the file that is used to configure settings for your writings. Settings Front-matter values and more detailed can be found in Front-matter. You can also add contents in custom_name/index.md if you like.

작성일 Edited on In Disqus:

블로그에 NeXT 테마 적용이 완료되었으니,

Categories 와 Tags 설정을 해주고 싶습니다. 이전에 시도 했을때는, 제대로 적용이 안되었는데.


이번엔 잘 되었으면 좋겠습니다 ^^;

더 읽어보기 »

작성일 Disqus:

깃헙 페이지 배포하기


hexo도 설치 되었고

로컬 컴퓨터에서 동작도 되고. 테마도 적용 된것 같으니.


첫번째 포스트로 깃헙에 배포 하는걸 진행 하고 싶습니다.

참고로, 포스트를 작성하려면, 블로그 폴더에서 아래 명령어를 실행 하면 됩니다. 이 페이지 title 명은 “My First Post” 이니, 이걸 명령어에 포함 시킵니다. 


1
hexo new "My First Post"

명령어를 실행 하면, 해당 파일은 source/_posts/에 생성 됩니다.


1. Github 페이지 생성하기


깃헙에 가서, 블로그 페이지로 쓰일 repository 를 생성합니다.


repository 이름은 반드시 <username>.github.io 가 되어야 합니다.

저는 장고쟁이니까 djangojeng-e.github.io로 생성 하였습니다.


Initalize with Readme.md 옵션을 선택하고 생성 완료 해주세요


생성이 완료되면, 브라우저에 ‘djangojeng-e.github’ 을 입력해서. 잘 동작 하는지 확인 합니다.

![Screenshot from 2020-03-14 21-47-32](/home/dhkang/Pictures/Screenshot from 2020-03-14 21-47-32.png)

2. Config 파일에 깃헙 주소 등록하기


블로그폴더 최상단으로 이동하여서 _config.yml을 수정합니다.


저는 장고쟁이이니까. url에 http://djangojeng-e.github.io 라고 설정해 주었습니다 ㅎㅎ 


1
2
3
4
5
6
7
8
9
# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://djangojeng-e.github.io
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:
pretty_urls:
  trailing_index: true # Set to false to remove trailing 'index.html' from permalinks
  trailing_html: true # Set to false to remove trailing '.html' from permalinks

deployment부분도 수정해 줍니다 


1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/djangojeng-e/djangojeng-e.github.io.git
  branch: master

3. 정적파일 생성후 배포하기

hexo generate 명령어를 실행하면, 정적파일들을 만들어 냅니다. 


1
hexo generate

정적파일이 다 생성되었으면, 배포를 진행 합니다.


배포를 진행하기전에, hexo 와 git 을 연결해줄수 있는 플러그인 하나를 설치 해야 합니다. 

1
npm install --save hexo-deployer-git

설치를 마친 뒤에, hexo deploy 명령어를 실행하여, 배포 합니다. 

1
hexo deploy

https://djangojeng-e.github.io를 브라우저에 입력하고, 확인해 보면.

브라우저에서 블로그가 잘 작동 합니다!

작성일 Disqus:

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1
$ hexo new "My New Post"

More info: Writing

Run server

1
$ hexo server

More info: Server

Generate static files

1
$ hexo generate

More info: Generating

Deploy to remote sites

1
$ hexo deploy

More info: Deployment